@charset "utf-8";
/* base */
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{margin:0;padding:0;border:0;outline:0;background:transparent;}
body{line-height:1;}
dl,ul,ol,li{list-style:none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
address,caption,cite,code,dfn,em,strong,th,va{font-style:normal;}
legend,caption{visibility:hidden; height:0; width:0; font-size:0;}
hr {display: none;}

/* remember to define focus styles! */
:focus{outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* common */
*{margin:0;padding:0;}
html, body{width:100%;_height:100%;}
body, th, td{font-size:13px;line-height:1; color:#6b6159;}
input, select{vertical-align:middle;}
input, select, textarea {font-size : 100%;}
textarea{overflow:auto;}
a{color:#828282;text-decoration:none;}
a:link, a:hover, a:active, a:focus{color:#828282;text-decoration:none;}
a.selected{cursor:default;}
.clear{clear:both;}
.blind{display:block;overflow:hidden;*position:absolute;top:0;left:0;width:0;height:0;border:0;background:none;font-size:0;line-height:0;}

/* common */
* { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', arial, sans-serif; line-height:115%; }

/* 다국어 폰트 정의 - 구글 웹폰트 로딩하지 않음 */
*:lang(ko)        { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Noto Sans CJK KR', "Noto Sans KR", Arial, Helvetica, sans-serif; }
*[lang="ko"]      { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Noto Sans CJK KR', "Noto Sans KR", Arial, Helvetica, sans-serif; }

/* 탭키로 이동시 점선 (키보드 접근성을 위함) */
div :focus { /*outline:1px #ccc dashed; border: 1px dashed #ccc;*/}
div .selected { outline:0; border: 0; cursor:default;}

input[type=text]::-ms-clear {
  display:none;
}
input[type=text]:-ms-clear {
  display:none;
}

/****************************
layout
*****************************/

body{ background-color:#c0c0c0}
#wrapper_out{width:100%;height:650px; position: absolute;top:50%;margin-top: -325px;min-width:1000px}

@media all and (max-height:700px) {
	#wrapper_out{width:100%;height:650px; position: absolute;top:0;margin-top: 0px;min-width:1000px}
}

#wrapper{width:1000px;height:650px;position:relative;margin:0 auto; background-color:#e7e7e7; overflow:hidden}

/*footer*/
#footer{ position: absolute; top:614px; left:0; width:1000px;height:36px; background-color:#fff}
#footer .copyright{position:absolute;bottom:11px;left:5px;width:300px;height:16px;background:url(../image/img_footer.png) no-repeat 6px 0}
#footer .pageNavi{position:absolute;bottom:4px;right:5px;width:104px;height:23px}
#footer .pageNavi .click{position:absolute;top:-34px;left:54px;width:65px;height:43px;background:url(../image/click.png) no-repeat 0 0;}
#footer a{background:url(../image/btn_navi.png) no-repeat 0 0}
#footer .pre a{position:absolute;bottom:0;left:0;width:28px;height:24px;background-position:0 0px; cursor:pointer}
#footer .pre a:hover{background-position:0 -38px}
#footer .next a{position:absolute;bottom:0;right:0px;width:28px;height:24px;background-position:-91px 0px; cursor:pointer}
#footer .next a:hover{background-position:-91px -38px}
#footer .thisNum{text-align:center;width:104px;height:20px;line-height:18px; border:0px solid red}
#footer .thisNum .cNum{font-size:18px;font-weight:bold;color:#000; font-family:Arial, Helvetica, sans-serif}
#footer .thisNum .tNum{font-size:16px;color:#585858;margin-left:5px; font-family:Arial, Helvetica, sans-serif}

/* lec */
.lec{ position:relative;width:1000px;height:562px}
.top1 .header{position: absolute; top:0; left:0;height:52px;z-index:100;width:1000px; background-color:#ecc1c8}
.top1 .unit_num{position:absolute;top:10px; left:18px; width:40px; height:30px;padding-top:3px;  background:url(../image/unit.png) no-repeat -8px -2px; color:#d1033b; font-weight:bold; font-size:21px}
.top1 .unit{position:absolute;top:12px; left:59px; width:750px; height:30px; font-size:17px; color:#2a2a2a; padding-top:3px}
.top1 .bi{position:absolute;top:14px;right:10px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:279px;height:27px;background:url(../image/bi.png) no-repeat 0 0; cursor:pointer}

.lec .lectureWrap{position:relative;height:562px;padding:52px 0 0 0px}
.lec .boxPlayer{position:relative; padding-bottom:3px; }