/*!
 * 
 * Product name/Version: SynapDocumentViewer 2019.19.09.0
 * 
 */
body,html {
	font-family: Noto Sans, Helvetica, AppleSDGothicNeo, Dotum, sans-serif;
	height: 100%;
	margin: 0
}

body {
	background-color: #333
}

:focus {
	outline: none
}

img {
	border: 0
}

.wrap {
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: transparent;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	min-height: 100px;
	outline: none
}

.wrap--cell,.wrap--ios {
	position: absolute
}

.wrap--ios {
	overflow: visible
}

.wrap__header { /* 수정 */
	position: fixed;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 100%;
	height: 40px;
	display: inline-block;
	z-index: 30;
}

.wrap__header--hide,.wrap__header--presentation { /* 수정 */
	display: block;
}

.wrap__logo { /* 20191114 수정 */
	margin-left: 28px;
	margin-right: 10px;
	margin-top: 6px;
	float: left;
	background: url(/upload/viewer/skin/images/web/ci.png) no-repeat 0 0;
	width: 187px;
	height: 26px;
	overflow:hidden;
}

.wrap__title { /* 수정 */
	position: relative;
	max-width: 27%;
	color: #9a9a9a;
	font-size: 12px;
	font-family:'Malgun Gothic',Dotum,'돋움',sans-serif;
	margin-right: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 40px;
	display: inline-block;
}

.wrap__title--cell {
	max-width: 50%
}

.wrap__container {
	position: absolute;
	top: 40px;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: left;
	background-color: #333;
	overflow-y: auto;
	overflow-x: hidden
}

.wrap__container--cell {
	bottom: 30px
}

.wrap__container--presentation {
	top: 0;
	bottom: 0
}

.wrap__container--option-on {
	top: 0
}

.wrap__container--ios {
	overflow-x: visible;
	overflow-y: visible
}

.wrap__thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	max-width: 600px;
	border-right: 1px solid #121212;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	z-index: 20
}

.wrap__thumbnail--on {
	width: 200px
}

.wrap__thumbnail--presentation {
	visibility: hidden
}

.wrap__thumbnail--ios {
	position: fixed
}

.wrap__contents { /* 수정 */
	position: absolute;
	left: -2px;
	top: -1px;
	right: 0;
	bottom: 0;
	overflow: auto;
	background-color: #333
}

.wrap__contents--bgcolor-light {
	background-color: #bfbfbf
}

.wrap__contents--page-fullscreen {
	background-color: #000 !important;
	overflow: hidden
}

.wrap__contents--cell-fullscreen {
	background-color: #000 !important
}

.wrap__contents--thumb-on {
	left: 200px
}

.wrap__contents--presentation {
	left: 0 !important
}

.wrap__contents--ios {
	overflow: visible
}

.wrap__menu {
	position: absolute;
	top: 0;
	right: 15px
}

.wrap__index {
	margin-top: 14px
}

.wrap__thumbnailbar {
	position: fixed;
	width: 24px;
	height: 57px;
	top: 47%;
	cursor: w-resize;
	z-index: 20
}

.wrap__thumbnailbar--presentation {
	display: none
}

.wrap__thumbnailbar--on {
	left: 200px
}

.wrap__footer {
	display: none;
	position: absolute;
	background-color: #202020;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	width: 100%;
	border-top: 1px solid #121212;
	z-index: 20
}

.wrap__footer--cell {
	display: inline
}

.wrap__footer--presentation {
	display: none
}

.wrap__footer--ios {
	position: fixed
}

.wrap__innerWrap {
	border: 0;
	width: 100%;
	height: 100%;
	position: absolute
}

.page { /* 수정 */
	font-size: 12px;
	font-family:'Malgun Gothic',Dotum,'돋움',sans-serif;
	color: #333;
	height: 40px;
	display: inline-block;
	position: absolute;
	left: 50%;
	margin-left: -30px;
}

.page__input { /* 수정 */
    font-size: 12px;
    color: #ffffff;
	height: 20px;
	background-color: #333;
	border: 1px solid #121212;
	text-align: right;
	width: 20px;
	padding: 0 5px
}

.page__div {
	display: inline-block;
	height: 40px;
	line-height: 40px
}

.page__select-arrow {
	display: none
}

.page__total-page:before {
	content: "/ "
}

.page-content {
	display: none
}

.menu__block {
	display: table-cell;
	padding-right: 2px;
	width: 32px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	line-height: 0;
	opacity: .75;
	cursor: pointer
}

.menu__img {
	display: inline-block
}

.more-arrow,.tablist-popup__arrow {
	display: block;
	position: absolute;
	margin: 0;
	top: 27px;
	left: 9px;
	width: 0;
	height: 0;
	box-sizing: content-box;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-bottom: 6px solid #333;
	z-index: 30
}

.more-arrow__bolder,.tablist-popup__arrow-bolder {
	display: block;
	position: absolute;
	margin: 0;
	top: 25px;
	left: 8px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 8px solid #202020
}

.cell,.header-tablist,.hide,.mobile {
	display: none
}

.cell__div {
	position: absolute;
	display: inline-block
}

.thumbnailbar--touch-expand:after {
	content: "";
	position: absolute;
	top: -40px;
	right: -40px;
	bottom: -40px;
	left: -40px
}

.thumb {
	position: relative;
	display: inline-block;
	vertical-align: top
}

.thumb__span {
	margin-left: 35px;
	font-size: 12px;
	line-height: 1.15;
	color: #fff
}

.thumb__div {
	border: 4px solid transparent;
	margin-bottom: 14px;
	opacity: .75
}

.thumb__div:hover {
	border: 4px solid #666;
	box-shadow: 0 0 10px #000;
	border-radius: 2px;
	opacity: 1
}

.thumb__iframe {
	overflow: hidden
}

.thumb__iframe,.thumb__img {
	width: 114px;
	border: 1px solid #121212;
	position: relative;
	z-index: 20
}

.thumb-area {
	margin-left: 30px;
	margin-top: 1px;
	line-height: 0
}

.thumb-slide {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50%
}

.thumb-slide-alpha {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	opacity: 0;
	filter: alpha(opacity = 0);
	z-index: 21
}

.thumb__focus {
	border: 4px solid #666;
	box-shadow: 0 0 10px #000;
	border-radius: 2px;
	opacity: 1
}

.thumb--nohover {
	border: 4px solid transparent !important;
	box-shadow: none !important;
	opacity: .75 !important;
	outline: none !important
}

.textlayer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	opacity: .2;
	line-height: 1;
	margin: 1px auto -8px
}

.textlayer--presentation {
	visibility: hidden
}

.textline {
	color: transparent;
	position: absolute;
	white-space: pre;
	line-height: 1;
	cursor: text;
	transform-origin: 0 0
}

.textline::-moz-selection {
	color: #33bbd3;
	background-color: #33bbd3
}

.textline::selection {
	color: #33bbd3;
	background-color: #33bbd3
}

.textline--highlight {
	background-color: #639
}

.textline--current {
	background-color: red
}

.controlbar {
	display: none;
	position: fixed;
	padding: 0 7px;
	background-color: #202020;
	opacity: .9;
	border: 1px solid #3f3f3f;
	border-radius: 2px;
	bottom: 60px;
	z-index: 20
}

.controlbar__block,.controlbar__end-block {
	margin-top: 2px;
	margin-right: 2px;
	width: 40px;
	height: 36px;
	float: left;
	opacity: .25
}

.controlbar__end-block {
	margin-right: 0
}

.controlbar__seperator {
	width: 3px;
	height: 40px;
	float: left;
	border-right: 1px solid #3f3f3f;
	margin-left: 1px;
	margin-right: 2px
}

.controlbar--enable {
	opacity: .9;
	cursor: pointer
}

.controlbar--hide {
	display: none
}

.sns-btn__img {
	background-position: -156px -108px
}

.sns-btn__img,.sns-btn__img--on {
	background-image: url(../images/sprite-web.png);
	width: 16px;
	height: 16px
}

.sns-btn__img--on {
	background-position: -200px -172px
}

.info-btn__img {
	background-position: -120px -116px
}

.info-btn__img,.info-btn__img--on {
	background-image: url(../images/sprite-web.png);
	width: 16px;
	height: 16px
}

.info-btn__img--on {
	background-position: -116px -80px
}

.thumbnail-btn__img { /* 수정 */
	background-image: url(/upload/viewer/skin/images/web/btn_thumnail.png);
	width: 76px;
	height: 28px;
}

.thumbnail-btn__img--on { /* 수정 */
	background: url(/upload/viewer/skin/images/web/btn_thumnail_on.png) no-repeat;
    width: 76px;
    height: 28px;
}

.search-btn__img {
	background-position: -260px -109px
}

.search-btn__img,.search-btn__img--on {
	background-image: url(../images/sprite-web.png);
	width: 17px;
	height: 17px
}

.search-btn__img--on {
	background-position: -260px -126px
}

.download-btn__img { /* 수정 */
	background: url(/upload/viewer/skin/images/web/btn_download.png) no-repeat;
	width: 61px;
	height: 28px;
}

.backgroundcolor-btn__img { /* 수정 */
	background: url(/upload/viewer/skin/images/web/btn_chagecolor.png) no-repeat;
	width: 76px;
	height: 28px;
}

.desktop-fullscreen-btn__img { /* 수정 */
	background: url(/upload/viewer/skin/images/web/btn_fullscreen.png) no-repeat;
	width: 87px;
	height: 28px;
}

.web-thumbnailbar__img {
	background-image: url(../images/sprite-web.png);
	background-position: -260px 0;
	width: 24px;
	height: 57px
}

.controlbar-prev {
	background-position: -220px -36px
}

.controlbar-prev,.controlbar-prev--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-prev--hover {
	background-position: -220px -108px
}

.controlbar-next {
	background-position: -140px -72px
}

.controlbar-next,.controlbar-next--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-next--hover {
	background-position: 0 -136px
}

.controlbar-zoomout {
	background-position: -80px -172px
}

.controlbar-zoomout,.controlbar-zoomout--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-zoomout--hover {
	background-position: -120px -172px
}

.controlbar-zoomin {
	background-position: -160px -172px
}

.controlbar-zoomin,.controlbar-zoomin--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-zoomin--hover {
	background-position: -220px 0
}

.controlbar-originsize {
	background-position: -180px -108px
}

.controlbar-originsize,.controlbar-originsize--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-originsize--hover {
	background-position: -40px -172px
}

.controlbar-pagewidthfit {
	background-position: -40px -136px
}

.controlbar-pagewidthfit,.controlbar-pagewidthfit--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-pagewidthfit--hover {
	background-position: -80px -136px
}

.controlbar-pagefit {
	background-position: -180px -36px
}

.controlbar-pagefit,.controlbar-pagefit--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-pagefit--hover {
	background-position: -180px -72px
}

.controlbar-rotate {
	background-position: -40px -100px
}

.controlbar-rotate,.controlbar-rotate--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-rotate--hover {
	background-position: -80px -100px
}

.controlbar-first {
	background-position: -220px -72px
}

.controlbar-first,.controlbar-first--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-first--hover {
	background-position: -180px 0
}

.controlbar-end {
	background-position: 0 -172px
}

.controlbar-end,.controlbar-end--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.controlbar-end--hover {
	background-position: -220px -144px
}

.contents-page {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	font-size: 0;
	text-align: center
}

.contents-page:focus {
	outline: 0
}

.contents-page--start {
	margin-top: 0 !important
}

.contents-page--end {
	margin-bottom: 0 !important
}

.contents-page__img {
	position: static;
	background-size: contain;
	z-index: 10
}

:root { -
	-page-width: 1; -
	-page-height: 1
}

.thumb__img {
	height: auto;
	height: calc(114/ var(- -page-width)*var(- -page-height)*1px)
}

.dialog,.sheetdialog {
	display: none;
	position: absolute;
	width: 364px;
	left: 50%;
	margin-left: -182px;
	background-color: #fff;
	color: #666;
	box-sizing: content-box;
	border: 1px solid #333;
	border-radius: 2px;
	-webkit-box-shadow: -1px 3px 3px rgba(21, 5, 8, .2);
	-moz-box-shadow: -1px 3px 3px rgba(21, 5, 8, .2);
	box-shadow: -1px 3px 3px rgba(21, 5, 8, .2)
}

.dialog-contents,.sheetdialog-contents {
	font-size: 12px;
	margin: 20px;
	text-align: center
}

.dialog-contents__content-key {
	display: inline-block;
	margin-right: 12px
}

.dialog-contents__company {
	line-height: 15px;
	margin-bottom: 10px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none
}

.dialog-contents__company-value {
	display: inline-block
}

.dialog-contents__version {
	margin-bottom: 20px;
	text-align: left;
	display: none
}

.dialog-contents__version-value {
	display: inline-block
}

.dialog-contents__copyright {
	display: none
}

.dialog-contents__content {
	margin-bottom: 20px
}

.dialog-contents__content__inputArea {
	margin-top: 20px;
	font-size: 0
}

.dialog-contents__content__inputArea__urlArea {
	font-size: 12px;
	border: 1px solid #e6e6e6;
	padding: 5px 10px
}

.dialog-contents__content__inputArea__urlBtn {
	font-size: 12px;
	padding: 5px 10px;
	background-color: #333;
	color: #fff;
	text-decoration: none
}

.dialog-contents__content__snsArea {
	margin-top: 10px;
	text-align: left;
	font-size: 0
}

.dialog-contents__content__snsArea__facebook {
	background-position: -90px -227px
}

.dialog-contents__content__snsArea__facebook,.dialog-contents__content__snsArea__twitter
	{
	margin-right: 10px;
	display: inline-block;
	background-image: url(../images/sprite-web.png);
	width: 30px;
	height: 30px
}

.dialog-contents__content__snsArea__twitter {
	background-position: -30px -227px
}

.dialog-contents__content__snsArea__kakaotalk {
	margin-right: 10px;
	background-position: 0 -227px
}

.dialog-contents__content__snsArea__band,.dialog-contents__content__snsArea__kakaotalk
	{
	display: inline-block;
	background-image: url(../images/sprite-web.png);
	width: 30px;
	height: 30px
}

.dialog-contents__content__snsArea__band {
	background-position: -60px -227px
}

.dialog-contents__password {
	height: 30px;
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
	padding: 0 10px;
	width: 302px
}

.dialog-contents__msg {
	color: red;
	margin-top: 6px;
	display: none
}

.dialog-buttons {
	color: #666;
	font-size: 12px;
	float: right;
	margin-bottom: 20px;
	width: 100%;
	text-align: center
}

.dialog-buttons__cancel {
	background-color: #fff;
	margin-right: 10px
}

.dialog-buttons__cancel,.dialog-buttons__commit {
	border: 1px solid #333;
	padding: 5px 18px;
	display: inline-block;
	cursor: pointer
}

.dialog-buttons__commit {
	background-color: #333;
	color: #fff;
	margin-left: -4px
}

.dialog-logo {
	display: block;
	width: 62px;
	height: 19px;
	margin: 20px auto
}

.dialog-logo__img {
	background-image: url(../images/sprite-web.png);
	background-position: 0 -208px;
	width: 62px;
	height: 19px
}

.infoDialogOpen {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	margin: 0;
	padding: 20px
}

.infoDialogOpenBtn {
	margin-top: 20px
}

.sheetdialog {
	display: block
}

.non-text-decoration {
	text-decoration: none
}

.modal,.sheetmodal {
	display: none;
	position: fixed;
	z-index: 1000;
	padding-top: 100px;
	left: 0;
	top: 0;
	box-sizing: content-box;
	width: 100%;
	min-width: 320px;
	height: 100%;
	background-color: rgba(0, 0, 0, .4)
}

.sheetmodal {
	height: 0;
	z-index: 0;
	background-color: transparent
}

.tabmore {
	width: 32px;
	height: 22px;
	margin: 3px 6px 3px 10px;
	position: relative;
	display: inline-block;
	border: 1px solid #121212;
	border-radius: 2px;
	opacity: .55
}

.tabmore__img {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/sprite-web.png);
	background-position: -180px -160px;
	width: 13px;
	height: 10px
}

.tabmore--hover {
	opacity: 1;
	background-color: #5b5b5b;
	cursor: pointer
}

.search-move,.sheet-move {
	display: none;
	position: relative;
	background-color: #333;
	opacity: .55;
	border: 1px solid #121212;
	border-radius: 2px;
	width: 23px;
	height: 22px;
	margin: 3px 0
}

.search-move__img,.sheet-move__img {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.search-move--hover,.search-move:hover,.sheet-move--hover {
	opacity: 1;
	background-color: #5b5b5b;
	cursor: pointer
}

.sheet-prev__img {
	background-position: -278px -57px
}

.sheet-next__img,.sheet-prev__img {
	background-image: url(../images/sprite-web.png);
	width: 6px;
	height: 11px
}

.sheet-next__img {
	background-position: -278px -75px
}

.sheet-list {
	display: inline-block;
	vertical-align: top;
	margin: 3px -4px
}

.sheet-list__sheet-tab {
	width: 60px;
	height: 24px;
	line-height: 22px;
	color: #b6b6b6;
	font-size: 11px;
	background-color: #333;
	border: 1px solid #121212;
	border-radius: 2px;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	outline: none
}

.sheet-list__sheet-tab--on,.sheet-list__sheet-tab:hover {
	color: #fff;
	opacity: 1;
	background-color: #5b5b5b
}

.sheet-list__sheet-tab:hover {
	cursor: pointer
}

.tablist-popup {
	bottom: 30px;
	position: fixed;
	left: 23px;
	display: none
}

.tablist-popup__sheet-content {
	position: relative;
	display: block;
	height: auto;
	top: 0;
	max-height: 180px;
	margin: 0;
	padding: 10px 0;
	line-height: 30px;
	left: -12px;
	border: 1px solid #121212;
	background-color: #333;
	overflow: hidden;
	border-radius: 2px;
	-webkit-box-shadow: -1px 3px 3px rgba(21, 5, 8, .2);
	-moz-box-shadow: -1px 3px 3px rgba(21, 5, 8, .2);
	box-shadow: -1px 3px 3px rgba(21, 5, 8, .2)
}

.tablist-popup__ul {
	width: 140px;
	margin: 0;
	padding: 0;
	max-height: 180px;
	overflow-y: auto;
	overflow-x: hidden
}

.tablist-popup__li {
	font-size: 11px;
	color: #b6b6b6;
	padding-left: 10px;
	padding-right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	outline: none;
	cursor: pointer;
	overflow: hidden
}

.tablist-popup--focus,.tablist-popup__li:hover {
	color: #fff;
	background-color: #5a5a5b
}

.tablist-popup__arrow {
	position: absolute;
	left: 1px;
	border-bottom-style: none;
	border-top: 6px solid #333
}

.tablist-popup__arrow-bolder {
	position: static;
	border-bottom-style: none;
	border-top: 8px solid #202020
}

:fullscreen .normalScreen {
	display: none
}

:-webkit-full-screen .normalScreen {
	display: none
}

:-moz-full-screen .normalScreen {
	display: none
}

:-ms-full-screen .normalScreen {
	display: none
}

:-o-full-screen .normalScreen {
	display: none
}

:fullscreen .wrap__container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

:-webkit-full-screen .wrap__container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

:-moz-full-screen .wrap__container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

:-ms-full-screen .wrap__container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

:-o-full-screen .wrap__container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.img-loading {
	background-image: url(../images/loading_dark.gif)
}

.img-loading,.img-loading-bright {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 40px
}

.img-loading-bright {
	background-image: url(../images/loading_bright.gif)
}

.img-loading-black {
	background-size: 40px;
	background-image: url(../images/loading_black.gif)
}

.img-loading-black,.img-loading-small {
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.img-loading-small {
	background-size: 24px;
	background-image: url(../images/loading_dark.gif)
}

.img-retry {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 40px;
	background-image: url(../images/retry_icon.png)
}

.fullscreen-close {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	margin-right: 20px;
	margin-top: 20px;
	cursor: pointer;
	z-index: 20
}

.fullscreen-close__img {
	background-image: url(../images/sprite-web.png);
	background-position: -100px -40px;
	width: 40px;
	height: 40px
}

.fullscreen-move {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	margin-left: 15px;
	margin-bottom: 15px;
	font-size: 0;
	z-index: 20
}

.fullscreen-move__div {
	display: inline-block;
	width: 50px;
	height: 50px
}

.fullscreen-prev {
	background-image: url(../images/sprite-web.png);
	background-position: -50px 0;
	width: 50px;
	height: 50px;
	opacity: .25
}

.fullscreen-prev--enable {
	opacity: 1;
	cursor: pointer
}

.fullscreen-prev--hover {
	border-radius: 2px;
	background-position: 0 0
}

.fullscreen-next,.fullscreen-prev--hover {
	background-image: url(../images/sprite-web.png);
	width: 50px;
	height: 50px
}

.fullscreen-next {
	background-position: -50px -50px;
	opacity: .25
}

.fullscreen-next--enable {
	opacity: 1;
	cursor: pointer
}

.fullscreen-next--hover {
	border-radius: 2px;
	background-image: url(../images/sprite-web.png);
	background-position: 0 -50px;
	width: 50px;
	height: 50px
}

.cell-common {
	font-size: 0
}

.transform0 {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}

.transform90 {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.transform180 {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.transform270 {
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}

@media print {
	.layout {
		visibility: hidden;
		background-color: #fff
	}
}

.fileExplorer {
	display: none;
	position: absolute;
	height: 455px;
	left: 50%;
	margin-left: -350px;
	background-color: #fff;
	color: #3c3c3c;
	box-sizing: content-box;
	border-radius: 2px;
	-webkit-box-shadow: -1px 3px 3px rgba(21, 5, 8, .2);
	-moz-box-shadow: -1px 3px 3px rgba(21, 5, 8, .2);
	box-shadow: -1px 3px 3px rgba(21, 5, 8, .2);
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent
}

.fileExplorer-header {
	font-size: 0;
	border-bottom: 3px solid #c1c1c1;
	padding: 12px 20px
}

.fileExplorer-header__archiveFileName {
	padding-right: 18px;
	display: inline-block;
	font-size: 14px;
	width: 616px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fileExplorer-header__closeBtn {
	display: inline-block;
	font-size: 14px;
	float: right;
	cursor: pointer;
	background-image: url(../images/sprite-web.png);
	background-position: -260px -57px;
	width: 18px;
	height: 18px
}

.fileExplorer-path {
	white-space: nowrap;
	padding: 14px 20px 0;
	font-size: 0
}

.fileExplorer-path__prevBtn {
	display: inline-block;
	background-position: 0 -100px
}

.fileExplorer-path__prevBtn,.fileExplorer-path__prevBtn--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.fileExplorer-path__prevBtn--hover {
	cursor: pointer;
	background-position: -120px -136px
}

.fileExplorer-path__prevBtn--deactivate {
	opacity: .5
}

.fileExplorer-path__nextBtn {
	display: inline-block;
	margin-left: 4px;
	background-position: -140px -36px
}

.fileExplorer-path__nextBtn,.fileExplorer-path__nextBtn--hover {
	background-image: url(../images/sprite-web.png);
	width: 40px;
	height: 36px
}

.fileExplorer-path__nextBtn--hover {
	cursor: pointer;
	background-position: -140px 0
}

.fileExplorer-path__nextBtn--deactivate {
	opacity: .5
}

.fileExplorer-path__filePath {
	margin-left: 14px;
	margin-bottom: 14px;
	padding: 4px 12px;
	color: #3c3c3c;
	border: 1px solid #c1c1c1;
	width: 413px;
	line-height: 26px;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	overflow: hidden
}

.fileExplorer-path__filePath-name {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-overflow: ellipsis;
	max-width: 85px;
	overflow: hidden
}

.fileExplorer-path__filePath-name--hover {
	cursor: pointer;
	background-color: #f4f4f4
}

.fileExplorer-path__filePath-arrow {
	width: 10px;
	text-align: center;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle
}

.fileExplorer-path__filePath-arrow:before {
	content: ">"
}

.fileExplorer-allCount {
	display: inline-block;
	font-size: 0;
	position: absolute;
	right: 20px;
	margin-top: 32px;
	color: #3c3c3c
}

.fileExplorer-allCount__num {
	font-weight: 700
}

.fileExplorer-allCount__num,.fileExplorer-allCount__txt {
	font-size: 12px;
	display: inline-block
}

.fileExplorer-tree {
	padding: 0 20px 20px;
	font-size: 0
}

.fileExplorer-folderTree {
	display: inline-block;
	border: 1px solid #c1c1c1;
	margin-right: 20px;
	padding-top: 3px;
	font-size: 12px;
	width: 236px;
	height: 271px;
	vertical-align: top;
	overflow-x: auto;
	overflow-y: auto
}

.fileExplorer-folderTree-div {
	padding-left: 8px;
	font-size: 0;
	white-space: nowrap;
	overflow: hidden;
	display: table;
	width: fit-content
}

.fileExplorer-folderTree-div__arrow {
	display: inline-block;
	background-image: url(../images/sprite-web.png);
	background-position: -203px -160px;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-top: 4px;
	margin-right: 4px
}

.fileExplorer-folderTree-div__arrow--hidden {
	visibility: hidden
}

.fileExplorer-folderTree-div__folder {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	background-image: url(../images/sprite-web.png);
	background-position: -196px -144px;
	width: 16px;
	height: 16px
}

.fileExplorer-folderTree-div__name {
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	font-size: 12px
}

.fileExplorer-folderTree-div__name--selected {
	font-weight: 700
}

.fileExplorer-folderTree-div__space {
	display: inline-block;
	width: 8px
}

.fileExplorer-folderTree-div__path {
	display: none
}

.fileExplorer-folderTreeLine-div {
	margin: 3px 0;
	cursor: pointer
}

.fileExplorer-fileTree {
	display: inline-block;
	font-size: 0;
	border: 1px solid #c1c1c1;
	width: 400px
}

.fileExplorer-fileTree-sort {
	border-bottom: 1px solid #c1c1c1
}

.fileExplorer-fileTree-sort__div {
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	height: 20px;
	width: 116.5px;
	border-right: 1px solid #c1c1c1
}

.fileExplorer-fileTree-sort__div--hover {
	cursor: pointer;
	background-color: #f4f4f4
}

.fileExplorer-fileTree-sort__div-last {
	border-right: 0
}

.fileExplorer-fileTree-sort__div-type {
	display: inline-block;
	margin-top: 3px
}

.fileExplorer-fileTree-sort__div-arrow {
	display: none;
	margin-top: 4px;
	float: right;
	background-image: url(../images/sprite-web.png);
	background-position: -203px -160px;
	width: 10px;
	height: 10px
}

.fileExplorer-fileTree-list {
	height: 244.5px;
	padding: 4px 0;
	overflow-y: scroll;
	overflow-x: hidden
}

.fileExplorer-fileTree-list__div {
	font-size: 0;
	padding: 3px 8px;
	white-space: nowrap;
	overflow-x: hidden;
	cursor: pointer
}

.fileExplorer-fileTree-list__div--selected {
	background-color: #f4f4f4
}

.fileExplorer-fileTree-list__div-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 8px
}

.fileExplorer-fileTree-list__div-name {
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 12px;
	color: #3c3c3c;
	margin-right: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 282px
}

.fileExplorer-fileTree-list__div-size {
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 12px;
	color: #9a9a9a
}

.fileExplorer-fileTree-list__space {
	display: inline-block;
	width: 8px
}

.fileExplorer-fileTree-list__path {
	display: none
}

.fileExplorer-viewerBtn {
	position: absolute;
	display: inline-block;
	margin-bottom: 20px;
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	font-size: 0;
	padding: 5px 18px;
	left: 50%;
	margin-left: -51px;
	cursor: pointer
}

.fileExplorer-viewerBtn__viewIcon {
	background-image: url(../images/sprite-web.png);
	background-position: -193px -160px;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 6px
}

.fileExplorer-viewerBtn__txt {
	display: inline-block;
	font-size: 12px
}

.fileExplorer-folder-icon {
	background-position: -196px -144px
}

.fileExplorer-folder-icon,.fileExplorer-word-icon {
	background-image: url(../images/sprite-web.png);
	width: 16px;
	height: 16px
}

.fileExplorer-word-icon {
	background-position: -160px -152px
}

.fileExplorer-slide-icon {
	background-position: -260px -159px
}

.fileExplorer-cell-icon,.fileExplorer-slide-icon {
	background-image: url(../images/sprite-web.png);
	width: 16px;
	height: 16px
}

.fileExplorer-cell-icon {
	background-position: -140px -108px
}

.fileExplorer-hwp-icon {
	background-position: -180px -144px
}

.fileExplorer-hwp-icon,.fileExplorer-odt-icon {
	background-image: url(../images/sprite-web.png);
	width: 16px;
	height: 16px
}

.fileExplorer-odt-icon {
	background-position: -260px -191px
}

.fileExplorer-pdf-icon {
	background-position: -260px -175px
}

.fileExplorer-img-icon,.fileExplorer-pdf-icon {
	background-image: url(../images/sprite-web.png);
	width: 16px;
	height: 16px
}

.fileExplorer-img-icon {
	background-position: -236px -180px
}

.fileExplorer-txt-icon {
	background-position: -260px -143px
}

.fileExplorer-txt-icon,.fileExplorer-zip-icon {
	background-image: url(../images/sprite-web.png);
	width: 16px;
	height: 16px
}

.fileExplorer-zip-icon {
	background-position: -120px -100px
}

.fileExplorer-nosupport-icon {
	background-image: url(../images/sprite-web.png);
	background-position: -200px -188px;
	width: 16px;
	height: 16px
}

.fileTree-sort__div-arrow-down,.folderExplorer-arrow-down {
	background-image: url(../images/sprite-web.png);
	background-position: -140px -124px;
	width: 10px;
	height: 10px
}

.search {
	display: none;
	visibility: visible;
	position: absolute;
	right: 0;
	font-size: 12px;
	min-width: 255px;
	margin: 0;
	padding: 5px 0;
	color: #fff;
	background-color: #333;
	box-sizing: content-box;
	border: 1px solid #121212;
	border-radius: 2px;
	-webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, .3);
	box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, .3);
	overflow: hidden
}

.search__input {
	height: 20px;
	color: #000;
	border: 1px solid #121212;
	padding: 0 5px;
	margin: 0 5px;
	display: inline-block
}

.search__input--notfound {
	color: red
}

.search__label {
	color: #999;
	position: absolute;
	top: 8px;
	left: 13px;
	line-height: 20px;
	font-size: 12px;
	cursor: text
}

.search-move,.search__div {
	display: inline-block
}

.search-move {
	top: 0;
	vertical-align: bottom;
	margin: auto
}

.search-prev {
	background-position: -278px -57px
}

.search-next,.search-prev {
	background-image: url(../images/sprite-web.png);
	width: 6px;
	height: 11px
}

.search-next {
	background-position: -278px -75px
}

/* 2019 설치 시 추가 */
.hdn {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}