@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare/nanumsquare.css);
* {
	margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif;
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased; 
	font-smoothing:antialiased;
	
}

html,body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#000;
	
	font-family: 'Noto Sans KR'; 
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased; 
	font-smoothing:antialiased;
	
	background-color: #000;
}

#wrap{
	position:absolute;
	width:995px;
	height:630px;
	margin:0;
	padding:0;
	left:0%;
	/*margin-left:-497px;*/
	top:0%;
	/*margin-top:-315px;*/
	overflow:hidden;
}

#content_inner{
	width:995px;
	height:630px;
	position:relative;
	margin:0;
	padding:0;
}

#inConFrm{
	width:995px;
	height: 630px;
	border:0;
	background-color: transparent;
}

/********* player layout *********/
#bottom{
	position:absolute;
	width:995px;
	height:40px;
	left:0px;
	top:590px;
	background-image:url("../images/toolbar/conBar_mc.png");
	
	z-index:2;
}
#bottomMenuEnabled_Ctn{
	position:absolute;
	display:none;
	width:995px;
	height:40px;
	left:0px;
	top:620px;
}
#controller{
	position:absolute;
	width: 470px;
	height: 20px;
	left:218px;
	top:10px;
}

#vol_controller{
	position:absolute;
	width:77px;
	height:7px;
	left: 766px;
	top:17px;
}

#full_time{
	position:absolute;
	display: block;
	width:50px;
	font-size:10pt;
	font-family: 'NanumSquare';
	letter-spacing:-0.5px;
	left:660px;
	-webkit-margin-before:-3px;
	top:12px;
	color: #aeb1b5;
}

#current_time {
	position:absolute;
	display: block;
	width:50px;
	font-size:10pt;
	font-family: 'NanumSquare';
	letter-spacing:-0.5px;
	-webkit-margin-before:-3px;
	left:202px;
	top:13px;
	color: #aeb1b5;
}
#map{width:25px;
	 height:40px;
	 position:absolute;
	 top:7px;
	 left:10px;
	 cursor: pointer;
	 background: url(../images/toolbar/player.png)no-repeat -206px -6px;}

#map2{width:25px;
	 height:40px;
	 position:absolute;
	 top:7px;
	 left:9px;
	 cursor: pointer;
	 background: url(../images/toolbar/player.png)no-repeat -206px -46px;
	 display: none;}

#curpageTxt{
	position:absolute;
	width:30px;
	font-size:14pt;
	letter-spacing:-1.5px;
	font-weight:bold;
	color:#3c6ba7;
	left:886px;
  	/*margin-top:-5px;*/
	top:8px;
	/*padding-top: 2px;*/
	text-align:left;
	
	font-family: 'NanumSquare';
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased; 
	font-smoothing:antialiased;
	
}

#totalpageTxt{
	position:absolute;
	width:30px;
	font-size:14pt;
	letter-spacing:-1.5px;
	font-weight:bold;
	color:#999999;
	left:925px;
	/*margin-top:-5px;*/
	top: 9px;
	text-align:left;
	
	font-family: 'NanumSquare';
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased; 
	font-smoothing:antialiased;
}

#nextPop{
	position:absolute;
	display:none;
	width:159px;
	height:38px;
	left:838px;
	top:-27px;
	background: url(../images/toolbar/pop_next.png) no-repeat 0px 0px;
}

#endPop{
	position:absolute;
	display:none;
	width:159px;
	height:38px;
	left:838px;
	top:-27px;
	background: url(../images/toolbar/pop_next.png) no-repeat 0px -45px;
}

/************** 팝업 추가 스크립트 ***************************/
.pupwin {
	position:absolute;
  display:none;
	width:496px;
	height:75px;
	left:770px;
	top:-70px;
	background: url(../../images/pupBut1.png) no-repeat 0px 0px;
}
.pupwin:hover{
  position:absolute;
	background: url(../../images/pupBut1ov.png) no-repeat 0px 0px;
}
.pupwin a{
	display:block;
	width:100%;
	height:100%;
}
.puptxt {
	position:absolute;
  display:none;
	width:1200px;
	height:675px;
	left:1px;
	top:-650px;
	background: url(../../images/pup01.png) no-repeat 0px 0px;
}
.puptxt a{
	position:absolute;
	display:block;
	left:980px;
	top:90px;
	width:10%;
	height:10%;

}

/*****************************************/

#jungri_btn{
	position: absolute;
	width: 153px;
	height: 156px;
	left: 986px;
	top: 454px;
	background-image: url("../../08/images/but_jungri.png");
	z-index: 2;
}
.jungri_btn{
	position:absolute;
	width:153px;
	height:156px;
}
.jungri_btn:hover{
	background-position: 0px 0px;
}
#jungri_img{
	position: absolute;
	width: 1200px;
	height: 675px;
	left: 0px;
	top: 0px;
	background-image: url("../../08/images/jungri.png");
	z-index: 2;
}

#jungri_close{
	position: absolute;
	width: 52px;
	height: 53px;
	left: 1033px;
	top: 88px;
	background-image: url("../../08/images/btn_layer_close.png");
	z-index: 4;
}
.jungri_close{
	position:absolute;
	width:52px;
	height:53px;
}
.jungri_close:hover{
	background-position: 0px 0px;
}



#bottomopen{
	position:absolute;
	width:26px;
	height:26px;
	left:0px;
	top:636px;
	background-image:none;/*url("../images/bottomMenu/but_open.png");*/
	z-index:11;
}

.bottomopen{
	position:absolute;
	width:48px;
	height:39px;
}
.bottomopen:hover{
	background-position: 0px 0px;
}
#bottomclose{
	position:absolute;
	width:48px;
	height:39px;
	left:0px;
	top:636px;
	background-image:none;/*url("../images/bottomMenu/but_close.png");*/
	z-index:11;
}

.bottomclose{
	position:absolute;
	width:48px;
	height:39px;
}
.bottomclose:hover{
	background-position: 0px 0px;
}

.down_btn{
	position: absolute;
	width: 38px;
	height: 28px;
	left: 50px;
	top: 6px;
	background: url(../images/bottomMenu/btnQuick.png) no-repeat -50px -2px;
}
.down_btn:hover{
	background-position: -50px -42px;
}

.down_btn a{
	display:block;
	width:100%;
	height:100%;
}

.search_toggle_btn{
	position:absolute;
	width:38px;
	height:28px;
	left:245px;
	top:6px;
	background: url(../images/bottomMenu/btnQuick.png) no-repeat -99px -2px;
}
.search_toggle_btn:hover{
	background-position: -99px -42px;
}

.search_toggle_btn a{
	display:block;
	width:100%;
	height:100%;
}

.play_btn{
	position:absolute;
	left:172px;
	top:-6px;
	width:20px;
	height:45px;
	background: url(../images/toolbar/player.png) no-repeat -14px 6px;
}
.play_btn:hover{
	background-position: -14px -34px;
}
.play_btn a{
	display:block;
	width:100%;
	height:100%;
}

.pause_btn{
	position:absolute;
	left:163px;
	top:1px;
	width:20px;
	height:45px;
	display: block;
	background: url(../images/toolbar/player.png) no-repeat -46px -1px;
}

.pause_btn:hover{
	background-position: -46px -40px;
}

.pause_btn a{
	display:block;
	width:100%;
	height:100%;
}

.re_btn{
	position:absolute;
	left:131px;
	top:-7px;
	width:20px;
	height:45px;
	background: url(../images/toolbar/player.png) no-repeat -90px 7px;
}

.re_btn:hover{
	background-position: -90px -32px;
}
.re_btn a{
	display:block;
	width:100%;
	height:100%;
}

.script_btn{
	position:absolute;
	left:708px;
	top:-7px;
	width:20px;
	height:45px;
	background: url(../images/toolbar/player.png) no-repeat -129px 7px;
}
.script_btn:hover {
	background-position: -129px -33px;
}
.script_btn.hover {
	background-position: -129px -33px;
}

.script_btn a{
	display:block;
	width:100%;
	height:100%;
}

.mute_btn{
	position:absolute;
	left:740px;
	top:-2px;
	width:35px;
	height:37px;
	background: url(../images/toolbar/player.png) no-repeat -166px 3px;
}
.mute_btn a{
	display:block;
	width:100%;
	height:100%;
}

.unmute_btn{
	position:absolute;
	left:740px;
	top:-2px;
	width:35px;
	height:37px;
	background: url(../images/toolbar/player.png) no-repeat -166px -37px;
	display:none;
}
.unmute_btn a{
	display:block;
	width:100%;
	height:100%;
}

.prev_btn{
	position:absolute;
	width:23px;
	height:25px;
	top:8px;
	left:855px;
	background: url(../images/toolbar/btn_page.png) no-repeat no-repeat 0px -0px;
}
.prev_btn:hover{
	background-position: -0px -24px;
}
.prev_btn a{
	display:block;
	width:100%;
	height:100%;
}
.next_btn{
	position:absolute;
	width:23px;
	height:25px;
	top:8px;
	left:964px;
	background: url(../images/toolbar/btn_page.png) no-repeat -24px -0px;
}
.next_btn:hover {
	background-position: -24px -24px;
}
.next_btn a{
	display:block;
	width:100%;
	height:100%;
}

#slideBar {
	position: absolute;
	float: left;
	width: 995px;
	height: 0px;
	/*border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	*/
	background: orange;
}

/* 새로운 컨트롤 진행바 추가 */
#slideBg {
	width: 995px;
	height: 6px;
	background: white;
	/*
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	*/
	margin-top:-20px;
/*	position:absolute;left:0px;top:-22px;*/
}

#handleBar {
	background-color:#5595d7;width:0px;height:6px; margin-top:0px; margin-left:0px; border-radius:0px;
}

#sSlideBar {
	position: absolute;
	float: left;
	width: 60px;
	height: 2px;
	z-index:45;
}


#sSlideBg {
	position: absolute;
	width: 60px;
	height: 2px;
	background: white;
	left:621px;
	top:20px;
	z-index:46;
}

#sHandleBar {
	background-color:#5595d7;width:0px;height:2px; margin-top:0px; margin-left:0px; border-radius:0px;
}

/*****************************************************************************************************************/


#slider{
	width: 400px;
	height: 18px;
	border:0px;
	background: url(../images/toolbar/con_bg.png) no-repeat 0px 2px;
	margin-left:25px;
}
#slider .ui-slider-range {
	width: 400px;
	height: 17px;
	border: 0px;
	background: url(../images/toolbar/con_bar.png) no-repeat 0px 2px;
}
#slider .ui-slider-handle {
	width: 21px;
	height: 31px;
	border: 0px;
	top: -.3em;
	margin-left: -0.5em;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: url(../images/toolbar/pos.png) no-repeat 0px 5px;

}


#volume_slider{
	/*background: #6c6c6e;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;*/
	width: 77px;
	height: 7px;
	border: 0px;
	background: url(../images/toolbar/vol_bg.png) no-repeat 0px -4px;

}
#volume_slider .ui-slider-range {
	/*background: #d2d2d2;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;*/
	width: 77px;
	height: 7px;
	border: 0px;
	background: url(../images/toolbar/vol_bar.png) no-repeat 0px -4px;
}
#volume_slider .ui-slider-handle {
	width: 21px;
	height: 21px;
	border: 0px;
	top: -.3em;
	display: none;
	margin-left: -0.5em;
	/*background-color:#cccccc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;*/
	/*background: url(../images/bottomMenu/handle_btn.png) no-repeat 0px 0px;*/
}

#scriptBG{
	position:absolute;
	display:none;
	left:60px;
	top:500px;
	width:921px;
	height:100px;
	background-image: url("../images/scriptBG.png");
	z-index:12;
}

#scriptText{
	position:absolute;
	left:14px;
	top:13px;
	width:871px;
	height:77px;
	border:0px;
	overflow-y: auto;
	resize: none;
	color:white;
	background-color: transparent;
	word-break: keep-all;
	padding-right: 5px;
}


#titleScript{
	position:absolute;
	left:16px;
	top:12px;
	width:71px;
	height:15px;
	background-image: url(../images/titleScript.png);
}

#closeScript{
	position:absolute;
	left:893px;
	top:8px;
	width:23px;
	height:23px;
	background: url(../images/toolbar/btnScript.png)
}

#closeScript:hover{
	background: url(../images/toolbar/btnScript_ov.png)
}

#closeScript a{
	display:block;
	width:100%;
	height:100%;
}

.jp-jplayer {
	position: absolute;
	z-index: 2;
	width: 995px;
	height: 563px;
	top: 0px;
	left: 0px;
}
.jp-jplayer.j5{
	position: absolute;
	top: 90px;
	left: 97px;
}
#jp_video_0{width:945px;
			height: 590px;}
#indexLayer {
	position: absolute;
	top: -190px;
	right: -10px;
	z-index: 999;
	height: 0;
}
#indexLayer.open {right:-232px}
#indexLayer .closeLayer {
	display:none;
	position:absolute;
	top:100px;
	right:10px;
	width:24px;
	height:24px;
	background-image:none;/*url(../common/images/indexMenu/btn_close.png) no-repeat 0 0;*/
	z-index:10;
}
#indexLayer ul li {
	list-style:none;
}
.index-wrap .indexbox  {
	position:relative;
	top:230px;
	left:-955px;
	width:271px;
	height:485px;
	padding-left:1px;
	padding-top:65px;
	background-color: #3c6ba7;
  background-image: url('../images/index/bg_index.png');

}

.index-wrap .indexbox .open-index {
	position: absolute;
	top:30px;
	left: 228px;
	width: 47px;
	height: 31px;
	background: url(../images/index/btn_index.png) no-repeat 0 0;
	z-index: 10;
}
.index-wrap .indexbox .open-index:hover {
  background: url(../images/index/btn_index.png) no-repeat 0 -30px;
  width:95px;
}

.index-wrap.open .indexbox .open-index {
	position:absolute;
	top:30px;
	left: 224px;
	width: 47px;
	height: 47px;
	background:url(../images/index/btn_index.png) no-repeat 0 -61px;
	z-index: 10;
}

.index-wrap.open .indexbox .open-index:hover {
  background: url(../images/index/btn_index.png) no-repeat 0 -104px;
}


.index-wrap .indexbox a {
	/*position: absolute;*/
	display:block;
	margin:3px 0 5px 0;
	word-break: keep-all;
}

.index-wrap .indexbox a._isIndent10{
	text-indent: -10px;
	margin-left: 10px;
}
.index-wrap .indexbox a._isIndent10.last{
	padding-bottom: 7px;
}

/* index */
.indexbox .tit1 {top:61px;left:0;width:212px; height:29px; background:url(../images/index/index_title.png) no-repeat 0 0;}
.indexbox .tit1.on,
.indexbox .tit1:hover {background:url(../images/index/index_title.png) no-repeat 0 -30px;}

.indexbox .tit2 {top:91px;left:0;width:212px; height:29px; background:url(../images/index/index_title.png) no-repeat -212px 0;}
.indexbox .tit2.on,
.indexbox .tit2:hover {background:url(../images/index/index_title.png) no-repeat -212px -30px;}

.indexbox .tit3 {top:121px;left:0;width:212px; height:29px; background:url(../images/index/index_title.png) no-repeat -424px 0;}
.indexbox .tit3.on,
.indexbox .tit3:hover {background:url(../images/index/index_title.png) no-repeat -424px -30px;}

.indexbox .tit4 {top:152px;left:0;width:212px; height:29px; background:url(../images/index/index_title.png) no-repeat -636px 0;}
.indexbox .tit4.on,
.indexbox .tit4:hover {background:url(../images/index/index_title.png) no-repeat -636px -30px;}
/* 5 */
.indexbox .tit5 {top:183px;left:0;width:212px; height:29px; background:url(../images/index/index_title.png) no-repeat -848px 0;}
.indexbox .tit5.on,
.indexbox .tit5:hover {background:url(../images/index/index_title.png) no-repeat -848px -30px;}

.indexbox .sub5-1 {top:214px;left:10px; width:179px; height:29px; color:#fff; padding-left: 23px; font-size: 14px; text-decoration: none;}
.indexbox .sub5-1.on,
.indexbox .sub5-1:hover {color:#ffd803; background:url(../images/index/index_icon.png) no-repeat 5px 3px;}

.indexbox .sub5-2 {top:242px;left:10px; width:179px; height:29px; color:#fff; padding-left: 23px; font-size: 14px; text-decoration: none; background:url(../images/index/.png) no-repeat 0 0;}
.indexbox .sub5-2.on,
.indexbox .sub5-2:hover {color:#ffd803; background:url(../images/index/index_icon.png) no-repeat 5px 3px;}

.indexbox .sub5-3 {top:270px;left:10px; width:179px; height:29px; color:#fff; padding-left: 23px; font-size: 14px; text-decoration: none; background:url(../images/index/.png) no-repeat 0 0;}
.indexbox .sub5-3.on,
.indexbox .sub5-3:hover {color:#ffd803; background:url(../images/index/index_icon.png) no-repeat 5px 3px;}

/* 6 */
.indexbox .tit6 {top:300px;left:0;width:212px; height:29px; background:url(../images/index/index_title.png) no-repeat -1060px 0;}
.indexbox .tit6.on,
.indexbox .tit6:hover {background:url(../images/index/index_title.png) no-repeat -1060px -30px;}

.indexbox .tit7 {top:330px;left:0; width:212px; height:29px; background:url(../images/index/index_title.png) no-repeat -1272px 0;}
.indexbox .tit7.on,
.indexbox .tit7:hover {color:#ffd803; background:url(../images/index/index_title.png) no-repeat -1272px -30px;}

.indexbox .tit8 {top:360px;left:0; width:212px; height:29px; background:url(../images/index/index_title.png) no-repeat -1484px 0;}
.indexbox .tit8.on,
.indexbox .tit8:hover {color:#ffd803; background:url(../images/index/index_title.png) no-repeat -1484px -30px;}

.indexbox .tit9 {top:390px;left:0; width:212px; height:29px; background:url(../images/index/index_title.png) no-repeat -1696px 0;}
.indexbox .tit9.on,
.indexbox .tit9:hover {color:#ffd803; background:url(../images/index/index_title.png) no-repeat -1696px -30px;}

.indexbox>.btn-icon{position: absolute;
                    top:307px;
                    left:228px;
                    list-style: none;}
.indexbox>.btn-icon>.icon{width: 28px;
                          height: 26px;
                          margin: 10px 5px;
                          cursor: pointer;}
.indexbox>.btn-icon>li.icon>a{display: block;
							  width:26px;
							  height: 26px;}
.indexbox>.btn-icon>li.icon.c1 {background: url('../images/index/c1.png');}
.indexbox>.btn-icon>li.icon.c2 {background: url('../images/index/c2.png');}
.indexbox>.btn-icon>li.icon.c3 {background: url('../images/index/c3.png');}
.indexbox>.btn-icon>li.icon.c4 {background: url('../images/index/c4.png');}
.indexbox>.btn-icon>li.icon.c5 {background: url('../images/index/c5.png');}
.indexbox>.btn-icon>li.icon.c6 {background: url('../images/index/c6.png');}
.indexbox>.btn-icon>li.icon:hover{background-position-y: -26px;
                                  width:95px;}




.printchapter-title {position:relative; top:0; left:0; width:100%; height:45px; z-index:1;}
#printbigtit {position:absolute; top:55px; left:85px; font-size:35px; color:#000; letter-spacing:-0.08em}
#printsubtit {position:relative; top:65px; left:720px; font-size:25px; color:#000;}

#locationBG.full,
#downloadBG.full {
	top:0;
	height:714px;
}
#locationBG.full .img,
#downloadBG.full .img {margin-top:0px;}
#locationBG.full .btn-classDown,
#downloadBG.full .btn-classDown {top:232px;}
.full .btn-layerClose {top:0px;}
#locationBG {
	display:none;
	position:absolute;
	top:45px;
	left:0;
	width:100%;
	height:615px;
	z-index:2;
	background:rgba(0,0,0,0.7);
	text-align:center;
}
#locationBG .img {
	display:none;
	position:relative;
	margin:30px 0 0 0;
	width:915px;
}
#locationBG .img.on {display:inline-block;}
#locationBG .ctnbox {
	position:absolute;
	top:70px;
	right:20px;
}
#locationBG .ctnbox .num {
	display:inline-block;
	margin-left:3px;
	font-size:20px;
	color:#333;
	vertical-align:middle;
}
#locationBG .ctnbox .num.line {
	padding-right:10px;
	background:url(../images/subdown/arrow_line.png) no-repeat right center;
}
#locationBG .ctnbox .num.on {
	color:#008601;
}
#locationBG .ctnbox .btn-next{
	display:inline-block;
	width:17px;
	height:17px;
	padding-left:3px;
	background:url(../images/subdown/arrow_left_btn.png) no-repeat right center;
	vertical-align:-5px;
}
#locationBG .ctnbox .btn-prev{
	display:inline-block;
	width:17px;
	height:17px;
	padding-left:3px;
	background:url(../images/subdown/arrow_right_btn.png) no-repeat right center;
	vertical-align:-5px;
}

#downloadBG {
	display:none;
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:714px;
	z-index:7;
	background:rgba(0,0,0,0.7);
	text-align:center;
}
#downloadBG .img {
	display:inline-block;
	margin:90px 0 0 0;
	width:914px;
}
.btn-layerClose {
	position:absolute;
	top:95px;
	right:285px;
	display:block;
	width:38px;
	height:38px;
	background:url(../images/subdown/close_btn.png) no-repeat 0 0;
	z-index:2;
}
.btn-layerClose:hover {
	background:url(../images/subdown/closeov_btn.png) no-repeat 0 0;
}
#downloadBG .btn-classDown1 {
	position:absolute;
	top:212px;
	right:357px;
	display:block;
	width:27px;
	height:25px;
	background:url(../images/subdown/download.png) no-repeat 0 0;
}

#downloadBG .btn-classDown2 {
	position:absolute;
	top:252px;
	right:357px;
	display:block;
	width:27px;
	height:25px;
	background:url(../images/subdown/download.png) no-repeat 0 0;
}

#downloadBG .btn-classDown3 {
	position:absolute;
	top:292px;
	right:357px;
	display:block;
	width:27px;
	height:25px;
	background:url(../images/subdown/download.png) no-repeat 0 0;
}

#downloadBG .btn-classDown4 {
	position:absolute;
	top:332px;
	right:357px;
	display:block;
	width:27px;
	height:25px;
	background:url(../images/subdown/download.png) no-repeat 0 0;
}

#downloadBG .btn-classDown5 {
	position:absolute;
	top:372px;
	right:357px;
	display:block;
	width:27px;
	height:25px;
	background:url(../images/subdown/download.png) no-repeat 0 0;
}

#downloadBG .btn-classDown6 {
	position:absolute;
	top:412px;
	right:357px;
	display:block;
	width:27px;
	height:25px;
	background:url(../images/subdown/download.png) no-repeat 0 0;
}

#downloadBG .btn-classSummay {
	position:absolute;
	top:452px;
	right:357px;
	display:block;
	width:27px;
	height:25px;
	background:url(../images/subdown/download.png) no-repeat 0 0;
}


/** 반응형 추가 **/
@media screen and (max-width:640px)
{
	/* #wrap{margin-top:10px; transform:scale(0.36);}*/
}

@media screen and (min-width:640px) and (max-width:1000px)
{
   /*#wrap{margin-left:1px; margin-top:1px; transform:scale(1);}*/
}
@media screen and (min-width:1000px)
{

}


.poster-1 {background: url(../../common/images/poster/poster-1.jpg) no-repeat 0px 0px !important;}


#chapter_icon{
	position: absolute;
	top:1px;left:3px;
	display: block;
	width:40px;
	height: 41px;
	background-repeat: no-repeat;
	background-image: url("../images/title_icon.png");
}
#chapter_icon.s01{width:46px;background-position: -0px 0px;}
#chapter_icon.s02{width:41px;background-position: -46px 0px;}
#chapter_icon.s03{width:47px;background-position: -87px 0px;}
#chapter_icon.s04{width:45px;background-position: -134px 0px;}
#chapter_icon.s05{width:40px;background-position: -179px 0px;}
#chapter_icon.s06{width:45px;background-position: -219px 0px;}
#chapter_icon.s07{width:44px;background-position: -264px 0px;}

#chapter_icon.s08{width:44px;background-position: -358px -42px;}

#chapter_icon.s09{width:46px;background-position: -308px 0px;}
#chapter_icon.s10{width:46px;background-position: -354px 0px;}

#chapter_icon.s11{width:46px;background-position: -0px 0px;}
#chapter_icon.s12{width:41px;background-position: -46px 0px;}
#chapter_icon.s13{width:47px;background-position: -87px 0px;}
#chapter_icon.s14{width:45px;background-position: -134px 0px;}
#chapter_icon.s15{width:40px;background-position: -179px 0px;}
#chapter_icon.s16{width:45px;background-position: -219px 0px;}
#chapter_icon.s17{width:44px;background-position: -264px 0px;}
#chapter_icon.s18{width:46px;background-position: -308px 0px;}


#chapter_title{
	color:#929292;
	font-size:18px;
	font-weight: 500;
	position: absolute;
	top:6px;left:65px;
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased; 
	font-smoothing:antialiased;
}
#chapter_title.isIe{
	top:12px;
}
#course_title{
	font-size:18px;
	font-weight: 700;
	position: absolute;
	top:6px;right:60px;
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased; 
	font-smoothing:antialiased;
}
#course_title.isIe{
	top:12px;
}
#course_title.blue{
	color:#3B6AA6;
}
#course_title.green{
	color:#47a887;
}
#course_title.orange{
	color:#ec9111;
}



.chapter-title {
	position:absolute; top:0; left:0; width:995px; height:51px; 
	background-image:none;
	background-repeat: no-repeat;
	background-position: 0 0; 
	z-index:10;
}
.chapter-title.blue{
	background-image:url("../images/top_bg_blue.png");
}
.chapter-title.green{
	background-image:url("../images/top_bg_green.png");
}
.chapter-title.orange{
	background-image:url("../images/top_bg_orange.png");
}

#s10 .chapter-title{}
#s19 .chapter-title {background:url(../images/top_title.png) no-repeat 0 0; }





#popLoad{
	display:none;
	position: absolute;
	left:0%;
	top:0%;
	width:100%;
	height: 100%;
	z-index:99999999;
}
#popLoad.end{
	left:0%;
	top:0%;
	width:100%;
	height: 100%;
}
#popLoad.start{
	left:50%;
	top:50%;
	width: 2%;
	height: 2%;
	display: none;
}
#loadFrame{
	width:100%;
	height: 100%;
}
#loadActFrame{
	width:100%;
	height: 100%;
}

















