body {margin:0; padding:0; background:url(https://cdn.hackersut.com/ingang/player/rate21/img/bg_r.jpg) right top no-repeat #1a1a1a; height:100%;}
html, body {overflow:hidden; height:100%}
.lecture_wrap {float:left; position:relative; width:100%; height:79%; background:url(https://cdn.hackersut.com/ingang/player/rate21/img/bg_l.jpg) left top no-repeat; display:inline-block; }
img {border:none;}
a {text-decoration:none; color:#454545; font-size:12px;}
.lecture_wrap * {margin:0; padding:0; list-style:none; font-style:normal; font-family:gulum, "굴림"}
.lecture_wrap .title {}
.lecture_wrap h1 {float:right; margin:21px 60px 0 0;}
.lecture_wrap h2, .lecture_wrap h3.lec_tit {position:absolute; left:44px; font-size:14px;  margin:0; padding:0;}
.lecture_wrap h2 {top:13px; color:#ffe400; font-size:14px; padding:7px 0 0;}
.lecture_wrap h3 {top:48px; font-size:14px; color:#fff;}
.lecture_wrap h2 em,
.lecture_wrap h3 em {position:relative; top:-4px; float:left; display:inline-block; width:66px; height:24px; margin:0 14px 0 0; padding:7px  0 0; font-size:12px; color:#f4f4f4; text-align:center;}
.lecture_wrap h2 em {background:url(https://cdn.hackersut.com/ingang/player/rate21/img/tit_bg.gif) no-repeat;}
.lecture_wrap h3 em {background:url(https://cdn.hackersut.com/ingang/player/rate21/img/tit_bg02.gif) no-repeat;}
.lecture_wrap .movie_wrap {margin:72px 20px; height:100%; z-index:4;}

.lecture_wrap .movie {height:100%;  margin:76px 310px 0 40px;  position:relative;}
.lecture_wrap .movie div {width:98%; height:100%; float:left; position:relative; }

.lecture_wrap .movie div IFRAME{position:relative;z-index:20;  z-index:0}

.lecture_wrap .btn_a {position:relative; top:200px; right:0; z-index:50; float:left;  float:left;}
.lecture_wrap .btn {float:left}
.lecture_wrap .index {position:absolute; top:73px; right:32px; z-index:3}
.lecture_wrap .index h3.bgTit {clear:both;width:175px; height:28px; background:url(https://cdn.hackersut.com/ingang/player/rate21/img/bg_index_top.gif) no-repeat; padding:30px 0 0 99px}
.lecture_wrap .index>div {position:relative; width:224px; background:url(https://cdn.hackersut.com/ingang/player/rate21/img/bg_index_btm.gif) no-repeat left bottom; padding:0px 30px 65px 35px}
.lecture_wrap .index>div {height:100%;}
.lecture_wrap .index>div ol {width:219px; overflow-x: hidden;}
.lecture_wrap .index ol li {width:196px; padding:4px 0 4px; border-bottom:1px dotted #bbbaba; }
.lecture_wrap .index ol li a {}
.lecture_wrap .index ol li a em {top:2px; vertical-align:middle; width:40px; height:20px; text-align:center; color:#fff; margin:0 7px 0 0; padding:5px 0 0; font-weight:bold; display:inline-block; background:url(https://cdn.hackersut.com/ingang/player/rate21/img/bul_part02.gif) no-repeat;}
.lecture_wrap .index ol li a:hover em, .lecture_wrap .index li a.on em {display:inline-block; background:url(https://cdn.hackersut.com/ingang/player/rate21/img/bul_part.gif) no-repeat;}
.lecture_wrap .index p.btn {position:absolute; bottom:18px; left:28px;}
.lecture_wrap .index p.btn a {display:inline-block;width:112px; height:28px; padding:7px 0 0; font-weight:bold; color:#4c4c4c; text-align:center; background:url(https://cdn.hackersut.com/ingang/player/rate21/img/btn_off.gif) no-repeat}
.lecture_wrap .index p.btn a:hover, .lecture_wrap .index p.btn a.on {color:#fff; background:url(https://cdn.hackersut.com/ingang/player/rate21/img/btn_on.gif) no-repeat}
.lecture_wrap .index p.btn img {margin:0 4px 0 0;}
.lecture_wrap address {position:relative; top:20px; left:0; width:100%; color:#5d5d5d; font-size:12px; text-align:center;}
.lecture_wrap address strong { letter-spacing:1px; }
.btn_complain{position:absolute;left:6px;top:-20px;}

/* 샘플강의 배너*/
.sample_bn { }
.sample_bn a { display:block; margin-top:4px !important;  }
.sample_bn a:first-child { margin-top:0px;  }

/* 팝업
.lecture_wrap .alert {position:absolute; top:202px; left:438px; width:316px; height:141px; background:url(https://cdn.hackersut.com/ingang/player/rate21/img/alert_bg.png) no-repeat; z-index:999;}
.lecture_wrap .alert dt {padding:28px 0 12px 74px; font-family:dotum; line-height:22px; font-size:14px; font-weight:bold; color:#dbdbdb;}
.lecture_wrap .alert dt em {color:#ffea00;}
.lecture_wrap .alert dd {text-align:center;}
.lecture_wrap .alert dd img {margin:0 4px;}*/