html, body {
	margin: 0;
	padding: 0;
}

body {
  background-color: #555;
  font-family: 'NanumBarunGothic', sans-serif;
  overflow: hidden;
}
 
/* ie 용 스크롤 바 색상변경 가능 크기 사이즈 변경 안됨 */
html {
	scrollbar-arrow-color: #999;
	scrollbar-Track-Color: #fff;
	scrollbar-base-color: pink;
	scrollbar-Face-Color: #dcdcdc;
	scrollbar-3dLight-Color: #dfdfdf;
	scrollbar-DarkShadow-Color: #dfdfdf;
	scrollbar-Highlight-Color: #dfdfdf;
	scrollbar-Shadow-Color: #dfdfdf
}

/**		전체 틀 컨테이너		**/
/*	#fs-container{width:1000px;height:650px;position:absolute;top:50%;margin-top:-300px;left:50%;margin-left:-450px;}*/
#fs-container {
	width: 1024px;
  height: 680px;
  position: relative;
}

.container_inner {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

/**      상단 헤더      **/
/*
	#fs-header{	width:100%;margin:auto;position:absolute;top:0;z-index:10;
	background: url("./img/top/top_bg.png") 0 0 repeat-x;border-top:3px solid #DA7A06;box-sizing:border-box;height:64px;	}
	.header_inner{}
	.header_inner .header_left{	box-sizing:border-box;	z-index:10;color:#625E5D;}
	.header_inner .header_left .top_title{height:45px;position:relative;box-shad ow:1px 1px solid #000}
	.header_inner .header_left .top_title .chapter_num{font-size:10pt;height:45px;line-height:45px;color:#227EBD;font-weight:bolder;}
	.header_inner .header_left .top_title .chapter_title{font-size:14pt;font-weight:500;line-height:47px;color:#625E5D;font-weight:bolder;padding-left:10px;}
	.header_inner .header_left .sub_title {border-bottom:2px solid #4E4B4B;color:#4E4B4B;backg round:url("./img/top/sub_title_bg.png") 0 0 no-repeat;margin:11px 0 0 20px;background:transparent;display:inline-block;}
	.header_inner .header_left .sub_title img{} //학습 단계
	.header_inner .header_left .sub_title .page_infor{font-size:12pt;color:#333;padding-left:8px;font-weight:500}//**학습 단계 설명

	.header_right{font-weight:500;text-shadow:3px 3px 2px #25595C;line-height:45px;font-size:15pt;position:absolute;	right:0px;top:0px;color:#fff;}//**오른쪽 차시명*
*/
#fs-header {
	width: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	z-index: 5;
	height: 64px;
}

.sub_title {
	position: absolute;
	top: 0px;
	left: 0px;
}

.top_title {
	position: absolute;
	top: 3px;
	right: 5px;
}

/**	내용 컨텐츠		**/
#fs-content {
	width: 1024px;
	height: 680px;
	display: block;
	box-sizing: border-box;
}

.content_inner {
	width: 100%;
	height: 680px;
	z-index: 4;
	position: relative;
}

#htmlShow {
	width: 1024px;
	height: 680px;
	display: block;
	box-sizing: border-box;
}

#mediaObj {
	width: 100%;
	height: 680px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0px;
	background: #fff;
}

#mediaObj video {
	width: 100%;
	background: #fff;
}


/** 날개 페이징 **/
#fs-content .big_arr_left {
	width: 55px;
	height: 100px;
	position: absolute;
	left: -60px;
	top: 50%;
	margin-top: -50px;
	background: url("./img/big_arr_left.png") no-repeat;
	display: block;
	cursor: pointer;
	z-index: 9;
	display: none;
}

#fs-content .big_arr_right {
	width: 55px;
	height: 100px;
	position: absolute;
	right: -60px;
	top: 50%;
	margin-top: -50px;
	background: url("./img/big_arr_right.png") no-repeat;
	display: block;
	cursor: pointer;
	z-index: 9;
	display: none;
}

/* 깜박이는 버튼 */
.blink {
	animation-name: blink;
	animation-delay: 0.5s;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}

.blink:hover {
	animation-play-state: paused;
}

@keyframes blink {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.5;
	}
}

#quiz_title_1 {
	display: block;
	background: url('../img/quiz/quiz_title_1.png') no-repeat;
	width: 93px;
	height: 29px;
	position: absolute;
	top: 56px;
	left: 50px;
}

#quiz_title_2 {
	display: block;
	background: url('../img/quiz/quiz_title_2.png') no-repeat;
	width: 38px;
	height: 24px;
	position: absolute;
	top: 60px;
	left: 144px;
}

#sum_title_1 {
	display: block;
	background: url('../img/summary/sum_title_1.png') no-repeat;
	width: 93px;
	height: 29px;
	position: absolute;
	top: 56px;
	left: 50px;
}

#sum_title_2 {
	display: block;
	background: url('../img/summary/sum_title_2.png') no-repeat;
	width: 84px;
	height: 24px;
	position: absolute;
	top: 60px;
	left: 144px;
}

#btn_skip {
	width: 1024px;
	height: 680px;
	position: absolute;
	top: 0;
	background: url('../img/main/skipBtn_d.png') no-repeat;
	cursor: pointer;
}

/* 모바일 */
#app.mobile #fs-container {
  position: absolute;
  transform-origin: left top;
  -webkit-transform-origin: left top;
}
#mobile_ready {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#mobile_ready.active {
  display: flex;
}