*{ margin:0; padding:0;}
ul,li{list-style:none;}

body {
	 color:#333333;  font-family:arial,"맑은 고딕","굴림",AppleGothic,sans-serif;font-size:13px;word-break:keep-all;word-wrap:break-word;
	 /*
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #666666;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #666666;
	background: #ffffff url(common-img/main/blackheaderbg.jpg) ;
	*/
	width: 100%;
	overFlow:hidden;
}

#wrapper {
	position: absolute;
	background: url(common-img/main/bg1.jpg) no-repeat top;
	width: 100%;
	/*display: none;*/
}

/*----------------header-----------------*/
#header {
	width: 960px;
	height:79px;
	margin: 0px auto 0px;
	background:rgba(255,255,255,.0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00ffffff', EndColorStr='#00ffffff');
	border: solid 0px #ccc;
}

.week {
	position:absolute;
	height:43px;
	/*background:url(common-img/top/week.png) no-repeat top;background-position: 0px;*/
}

.weekNum {
	/*text-indent: -9999px;background:url(common-img/top/week.png) no-repeat top;background-position: 0px;*/
	height:43px;
	font-size:18px;
	padding:10px 10px;
	font-weight: bold;
	float:left;
}

.weekString {
	/*text-indent: -9999px;background:url(common-img/top/week.png) no-repeat top;background-position: 0px;*/
	height:43px;
	font-size:18px;
	padding:10px 0px;
	font-weight: bold;
	float:left;
}



#icon{
	/*height:43px;*/
	float:right;
}

.subjectImg {
	/*height:43px;*/
	float:right;
}

#subImg {
	float:right;
}

.subject p{
	/*text-indent: -9999px;*/
	height:43px;
	color:#000000;
	font-size:25px;
	padding:10px 20px 0 10px;
	text-align:center;
	font-weight: bold;
	float:right;
}

/*----------------header end-----------------*/

/*----------------footer-----------------*/
#footer {
	position:relative;
	z-index:5000;
	width:960px;   
	text-align:center; 
	height:36px;
	margin: 0px auto 0px;
	border-top: solid 0px #999;
	background:#666;
	/*background:rgba(153,138,115,.1);  rgba(red, green, blue, alpha) */
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00998a73', EndColorStr='#00998a73');  /* 투명도 설정 : #00..... ~ #ff..... */
}

.logo {
	float: left;
	text-indent: -9999px;
	width:200px;
	height:36px;
	background: url(common-img/bot/logo.png) top left no-repeat;
	background-position: 0px;
}

#lms ul li { float: left;display:inline;padding: 0 0 0 0;}

#lms {
	float: left;
	margin-left: 210px;
	margin-top: 0px;
}
#lmsMenu a:hover{
    background-position: 0px -36px;
}

#qanda a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 36px;
	width: 54px;
    text-indent: -9999px;
	background: url(common-img/bot/qna.png) top left no-repeat;
	cursor:pointer;
}
#note a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 36px;
	width: 54px;
    text-indent: -9999px;
	background: url(common-img/bot/note.png) top left no-repeat;
	cursor:pointer;
	
}
#help a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 36px;
	width: 54px;
    text-indent: -9999px;
	background: url(common-img/bot/help.png) top left no-repeat;
	cursor:pointer;
}

#word a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 36px;
	width: 54px;
    text-indent: -9999px;
	background: url(common-img/bot/word.png) top left no-repeat;
	cursor:pointer;
}

#copy a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 36px;
	width: 54px;
    text-indent: -9999px;
	background: url(common-img/bot/cp.png) top left no-repeat;
	cursor:pointer;
}
/*페이지 go 버튼
.pageGo {
	margin-top:0px;
	margin-left: 600px;
	height:40px;
	background: url(common-img/bot/pageBg.png) top left no-repeat;
}


#goUI{
	float: left;
	font-family:  arial,"굴림",Verdana, Arial, Helvetica, sans-serif;
	font-size:  110%;
	color:#000; 
	margin-left: 44px;
	margin-top: 14px;text-align:center;width:25px;height:20px;background-color:transparent;
	border: 0px solid #fff;
}

.pageGoBt {
	float: left;
	margin: 0 10px;
}

.pageGoBt a {
    display: block;
	width: 46px;
	height: 40px;
	background: url(common-img/bot/go.png) top no-repeat;
	text-indent: -9999px;
	cursor:pointer;
}

.pageGoBt a:hover{
    background-position: 0px -40px;
}
*/
.nbBt {
	float: left;
	margin-top:-36px;
	margin-left: 734px;
}

.prevBt{
	float: left;
	margin: 0 0 0 0;
}

.prevBt a{
	display: block;
	width: 46px;
	height: 36px;
	background: url(common-img/bot/ico_prev.png) top no-repeat;
	text-indent: -9999px;
	cursor:pointer;
}

.prevBt a:hover{
    background-position: 0 -36px;
}

.pageNum {
	float: left;
	padding: 10px 0 0 10px;
	color:#FFF;
	font-family:"굴림",arial, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.nextBt {
	float: left;
	margin: 0 0 0 8px;
}

.nextBt a {
    display: block;
	width: 46px;
	height: 36px;
	background: url(common-img/bot/ico_next.png) top no-repeat;
	text-indent: -9999px;
	cursor:pointer;
}

.nextBt a:hover{
    background-position: 0px -36px;
}

.exit {
	float: left;
	margin-top:-36px;
	margin-left: 889px;
}

.exit a{
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 36px;
	width: 75px;
	text-indent: -9999px;
	background:transparent url(common-img/bot/exit.png) no-repeat top center;
	cursor:pointer;
}
.exit a:hover{
	background-position: 0 -36px;
}

/*----------------footer end-----------------*/

/*----------------content-----------------*/
#content {
	width: 960px;
	height: 540px;
	margin: 0px auto 0;
	background:rgba(255,255,255,.0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00666666', EndColorStr='#00666666');

	border: solid 0px #ccc;
	border-bottom: solid 0px #333;
	position:relative;
}

.blit2 {
	padding: 0 3px;
}

#contentFrame {
	width:960px;
	height:540px;
	background:rgba(255,255,255,.0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00ffffff', EndColorStr='#00ffffff');
	border: solid 0px #FFF;
	/*margin: 9px auto 0;*/
}

#content-area {
	position: absolute;
}


.mediaTopBg {
	position: relative;
	height: 35px;
	width: 210px;
	background-image:url(../skin/common-img/navi/mediaTabBg1.png);
}


.mediaTabText {
	position: relative;
	top:10px;
	left: 10px;
	float:left;
	font-family:'돋움',Dotum;
	font-size:14px;
	font-weight: bold;
	color:#fff;
}

.mediaBt {
	position: absolute;
	top: 11px;
	left: 182px;
}

.mediaBt a{
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 20px;
	width: 20px;
	text-indent: -9999px;
	background:transparent url(common-img/btn/closeBt.png) no-repeat top center;
	cursor:pointer;
}
.mediaBt a:hover{
	/*background-position: 0 -36px;*/
}

#mediaTap{
	position: absolute;
	width:210px;
	height:536px;
	/*left: 750px;*/
	right:0px;
	font-family:'돋움',Dotum;
	font-size:14px;
	z-index: 2000;
	
	/*
	background:rgba(000,000,000,.7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#005eadb2', EndColorStr='#005eadb2');
	*/
	background-image:url(../skin/common-img/navi/mediaTabBg.png);
}

.mediaTapScroll{
	position: relative;
	left:15px;
	width:195px; height:448px;
	overFlow-y:auto; overflow-x:hidden;
	scrollbar-face-color: #222;
	scrollbar-shadow-color: #222;
	scrollbar-highlight-color: #666;
	scrollbar-3dlight-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #888;
	scrollbar-arrow-color: #000;
}

/* UI Object */
#mediaTap ul{width:195px; height:438px; padding-top:10px; }
/*#mediaTap a{color:#fff; text-decoration:none}*/
.tap_list div{position:relative; margin:-14px 20px;}
#mediaTap a{color:#fff; text-decoration:none}
#mediaTap a:hover,
#mediaTap a:active,
#mediaTap a:focus{text-decoration:underline}
#mediaTap em{font-style:normal}
#mediaTap li{position:relative;padding:0 0 25px 0;*zoom:1}
#mediaTap li:after{display:block;clear:both;content:""}
#mediaTap li .ranking{display:inline-block;width:15px;height:15px;margin:1px 5px 0 0;border-top:1px solid #929191;border-bottom:1px solid #929191;background:#929191;text-align:center;vertical-align:top;font:bold 11px Tahoma;color:#fff}
/*#mediaTap li .num{position:absolute;top:0;right:0;font-size:11px;color:#a8a8a8;white-space:nowrap}*/
#mediaTap .more{position:absolute;top:10px;right:13px;font:11px Dotum, 돋움;text-decoration:none !important}
#mediaTap.more span{padding:0 2px 0 0;font-weight:bold;font-size:14px;color:#d76ea9;vertical-align:middle}
/* //UI Object */

#checkon a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 36px;
	width: 54px;
    text-indent: -9999px;
	background: url(common-img/bot/SCRIPT_ON.png) top left no-repeat;
	cursor:pointer;
}

#checkoff a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 36px;
	width: 54px;
    text-indent: -9999px;
	background: url(common-img/bot/SCRIPT_OFF.png) top left no-repeat;
	cursor:pointer;
}

#bgmBt {
	position: absolute;
	margin-top: -40px;
	margin-left: 893px;
	font: 75% "Trebuchet MS", sans-serif;
}

#bgmBt a:hover{
    background-position: 0px -60px;
}

#bgmon a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 60px;
	width: 58px;
    text-indent: -9999px;
	background: url(common-img/btn/bgmon_btn.png) top left no-repeat;
	cursor:pointer;
}

#bgmoff a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 60px;
	width: 58px;
    text-indent: -9999px;
	background: url(common-img/btn/bgmoff_btn.png) top left no-repeat;
	cursor:pointer;
}

#popBt {
	position: absolute;
	margin-top: -413px;
	margin-left: 863px;
	font: 75% "Trebuchet MS", sans-serif;
}

#popBt a:hover{
    background-position: 0px -64px;
}

#popBt a {
	border: medium none;
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 64px;
	width: 86px;
    text-indent: -9999px;
	background: url(common-img/btn/btn01.png) top left no-repeat;
	cursor:pointer;
}

#quiz-Bg {
	position: absolute;
	/*width:720px;	height:416px;*/
	width:960px;	height:540px;
	background:#fff;
	/*top:79px;*/
	left:0px;
	/*box-shadow: 10px 10px 10px 10black;*/
}

#quizImg{
	float:left;
	margin-left:0px;
}
/*
#quizCloseBt a{
	
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 45px;
	width: 45px;
	text-indent: -9999px;
	background: url(common-img/quiz/quizCloseBt.png) top left no-repeat;
	cursor:pointer;
	
}
*/

#quizCloseBt {
	float:left;
	position: absolute;
	top:0px;
	right:0px;
	font: 75% "Trebuchet MS", sans-serif;
}

#quizCloseBt a:hover{
    /*background-position: 0px -26px;*/
}

#quizCloseBt a {
    display: block;
    padding-bottom: 0;
    text-align: center;
	height: 45px;
	width: 45px;
    text-indent: -9999px;
	background: url(common-img/quiz/quizCloseBt.png) top left no-repeat;
}

#quiz-area {
	width:960px;
	height:540px;
	position:absolute; top:0px; left:0px;
	display: none;
	background: url(common-img/main/blackheaderbg.jpg) top left repeat;
	z-index:3000; /*20180513추가*/
}​

#dvLoading {
	/*
	width:730px;
	text-align: center;
	margin-top:200px;
	color:#FFF;
	*/
}​



	
/*----------------content end-----------------*/

/*----------------menuBt-----------------*/
#menubg {
	position: absolute;
	
}

#menubg {
	position: absolute;
	width: 960px;
	margin-top:43px;
	left:50%; margin-left:-483px;
	
	height:36px;
	selector-dummy : expression(this.hideFocus=true);
	z-index:1;
	/*
	background:rgba(000,000,000,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#005eadb2', EndColorStr='#005eadb2');
	*/
	border: solid 0px #ccc;
}


/*----------------menuBt end-----------------*/

.chn{
	font-family:MS Song;
	font-size:12pt;	
	/*font-weight: bold;*/
	line-height: 150%;
	color: #464646;
}

.jpn{
	font-family:MS Gothic;
	font-size:12pt;	
	/*font-weight: bold;*/
	line-height: 150%;
	color: #464646;
}

.han{
	font-family:"굴림";
	font-size:12pt;	
	/*font-weight: bold;*/
	line-height: 150%;
	color: #464646;
}

.eng{
	font-family:arial;
	font-size:12pt;	
	/*font-weight: bold;*/
	line-height: 150%;
	color: #464646;
}

.spn{
	font-family:arial;
	font-size:12pt;	
	/*font-weight: bold;*/
	line-height: 150%;
	color: #464646;
}

.han_bold {
	font-weight: bold;
}

.m_bold {
	font-family:"굴림";
	color:#273408;
	font-size:17px;
	font-weight: bold;
}

.m_bold2 {
	font-family:"굴림";
	color:#273408;
	font-size:14px;
	font-weight: bold;
	
}

.s_bold {
	font-family:"굴림";
	color: #64493e;
	font-size:13px;
	font-weight: bold;
}

.v_bol{
  FONT-FAMILY: 굴림, Arial;
  color:#000000;
  font-weight:bold;
  font-size:11pt;
}

.impactFont1{
	font-weight: bold;
	color: #441eb1;
}

.impactFont2{
	font-weight: bold;
	color: #c50285;
}

/* 하단 도트 페이지*/
.pageButton {
	position:absolute;
	top:1000px;
}

ul.ts_container{
	list-style:none;
	height:24px;
}

ul.ts_container li{
	float:left;
	padding-left:5px;
	
}

ul.ts_container li span{
	display:block;
	width:24px;
	height:20px;
	font-weight:bold;
	text-align: center;
	padding: 4px 0 0 1px;
	color:#FFFFFF;
	background:transparent url(common-img/bot/pageBg.png) no-repeat top center;
	cursor:pointer;
}

ul.ts_container li span:hover,
ul.ts_container li.selected span{
	background-position:50% -24px;
	color:#FFFF00;
}
/*
ul.ts_container li.ts_thumbnails{
	display:none;
	position:absolute;
}

ul.ts_container li.ts_thumbnails span{
	background:transparent url(common-img/bot/triangle.png) no-repeat top center;
	width:24px;
	height:24px;
	position:absolute;
}
*/

#quizNextBt {
	width: 23px;
	height: 23px;
	background: url(common-img/bot/quiz_next.png) top no-repeat;
	margin: 0;
	z-index: 10000;
	text-indent: -9999px;
	cursor:pointer;
}

#quizNextBt:hover{
    background-position: 0px -24px;
}

#quizPrevBt {
	width: 23px;
	height: 23px;
	background: url(common-img/bot/quiz_prev.png) top no-repeat;
	margin: 0;
	z-index: 10000;
	text-indent: -9999px;
	cursor:pointer;
}

#quizPrevBt:hover{
    background-position: 0px -24px;
}

video::-internal-media-controls-download-button {display:none;} 
video::-webkit-media-controls-enclosure {overflow:hidden;} 
video::-webkit-media-controls-panel {width:calc(100% + 30px);