@charset "utf-8";

body {
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	font-family: 'Roboto', 'NotoSans';
	font-weight: 500;
	background-color: #F2F2F2;
	overflow-x: hidden;
}

/* index - frame */
#viewerNav {
	visibility: hidden;
	position: absolute;
	transform: scale(1, 1) translate(-50%, 0%);
	-ms-transform: scale(1, 1) translate(-50%, 0%);
	-webkit-transform: scale(1, 1) translate(-50%, 0%);
	transform-origin: 0px 0px 0px;
	-ms-transform-origin: 0px 0px 0px;
	-webkit-transform-origin: 0px 0px 0px;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
}

#viewerNav #topBar {
  width: 1280px;
}

#viewerContentFrame {
  position: absolute;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0% 0%; 
  -ms-transform-origin: 0% 0%; 
  -webkit-transform-origin: 0% 0%;
  box-sizing: border-box;
}

#iframeContent {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
  box-sizing: border-box;
}

#iframePrint {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
  box-sizing: border-box;
}

/* popup - frame */
#wrap {
	width: 100%;
}

#container {
	width: 100%;
	height: 960px;
	visibility: hidden;
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
  box-sizing: border-box;
}

#container.contentWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 1920px;
	height: 1080px;
	display: flex;
	flex-direction: column;
	background-color: #92B938;
	overflow: hidden;
}



/* 개발 단계 - 레이아웃 가이드 - 시작 */
/*#container.contentWrapper:before {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	width: 1280px;*/
/*  height: 78px;*/
/*  background: #f78022;*/
/*  font-size: 20px;*/
/*  font-weight: 700;*/
/*  line-height: 78px;*/
/*  color: #fff;*/
/*  text-align: center;*/
/*  content : 'topBar 영역 가이드, 납품시 #container.contentWrapper:before & after css 삭제 필';*/
/*  z-index: 100;*/
/*}*/
/*#container.contentWrapper:after {*/
/*	position: absolute;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	width: 250px;*/
/*  height: 60px;*/
/*  background: url('../../viewer/images/moreLearnBg.png');*/
/*  font-size: 20px;*/
/*  font-weight: 700;*/
/*  line-height: 60px;*/
/*  color: #fff;*/
/*  text-align: center;*/
/*  content : '추가 학습 버튼 영역';*/
/*  z-index: 100;*/
/*}*/
/* 개발 단계 - 레이아웃 가이드 - 끝 */

/* popup - content */
#container #content {
	position: absolute;
  top: 0px;
	left: 0px;
	width: 1280px;
	height: 960px;
	padding: 78px 50px 60px 50px;
	background-color: #fff;
  box-sizing: border-box;
}

.handCursor {
	cursor: pointer;
}

/* index - popup */
#popup {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border-radius: 5px;
	z-index: 999;
}

#confirmPopup {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border-radius: 5px;
	z-index: 999;
}

#noticePopup {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border-radius: 5px;
	z-index: 999;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

textarea:focus {
	outline: none;
}

button:focus {
	outline: none;
}

input:focus {
	outline: none;
}

/*스크롤바 타입1*/
.scrollType1::-webkit-scrollbar {
	width: 5px;
}

.scrollType1::-webkit-scrollbar-thumb {
	background-color: #d8d5d0;
	border-radius: 10px;
	background-clip: padding-box;
}

.scrollType1::-webkit-scrollbar-track {
	background-color: #f1ede8;
	border-radius: 10px;
}

.scrollType1::-webkit-scrollbar-button {
	display: none;
}