/* noto_sans import */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('../../fonts/noto_sans_kr_300.eot'); /* IE9 Compat Modes */
	src: /*local('Noto Sans KR Light'), local('NotoSansKR-Light'),*/
			url('../../fonts/noto_sans_kr_300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('/view/resources/fonts/noto_sans_kr_300-9606d852132381b34f40218098003ca0.woff2') format('woff2'), /* Super Modern Browsers */
			url('/view/resources/fonts/noto_sans_kr_300-c056a71ca6379d2dfef6f96bcb65b9ac.woff') format('woff'), /* Modern Browsers */
				/*url('../../fonts/noto_sans_kr_300.ttf') format('truetype'), !* Safari, Android, iOS *!*/
			url('../../fonts/noto_sans_kr_300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../../fonts/noto_sans_kr_400.eot'); /* IE9 Compat Modes */
	src: /*local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),*/
			url('../../fonts/noto_sans_kr_400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('/view/resources/fonts/noto_sans_kr_400-7b91af55b8d0b4df6adc4c5d6810037a.woff2') format('woff2'), /* Super Modern Browsers */
			url('/view/resources/fonts/noto_sans_kr_400-231ef82653d90aa19929e7dcd84c55c7.woff') format('woff'), /* Modern Browsers */
				/*url('../../fonts/noto_sans_kr_400.ttf') format('truetype'), !* Safari, Android, iOS *!*/
			url('../../fonts/noto_sans_kr_400.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}


*{margin:0; padding:0;list-style:none;}
*:focus{outline: none;}

html{
	font-size: 10px;
	overflow:hidden;
	-webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body{
	font-family:'Noto Sans KR', '맑은 고딕', '돋움', dotum, sans-serif;
	font-weight: 400;
	width: 100%;
	height:100%;
	position:fixed;
	margin: 0;
	padding: 0;
	border: 0;

	/*대한항공 커스텀에서는 백그라운드 컬러 주석처리해서 보내야함.*/
	background:rgb(40,40,40);
}

#dg_body{
	/* 브라우저 자체 핀치줌 해야 할 때 주석해야 함*/
	touch-action: pan-y;
}

a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}


/*file list Style*/
.pdR_15px{
	/* padding-left:15px;
	min-height:40px;
	margin-bottom:0;
*/
	margin-left:20px;
}

.fileext_list_name > img, .bookmark_name > img{
	display:inline-block;
	float:left;
	width:14px;
	height:16px;
	/*
        margin-left:6px;
        margin-right: 4px;
        margin-top: 14px;
    */
}
.fileext_list_name > .dropdownIcon, .bookmark_name > .dropdownIcon {
	width: 6px;
	height: 8px;
	margin-top:6px;
	content: '';
	transform:rotate(-90deg);
	background:url(/view/resources/img/icon/folderDownIcon-ed7c7462678fa43a79637a7bbd77eb03.svg) no-repeat;
	display: inline-block;
}
.bookmark_name > .dropdownIcon {
	width: 10px;
	height: 14px;
	margin:6px;
}

.bm_btn {
	width: 20px;
	height: 13px;
	margin-top:6px;
	content: '';
}

.bm_btn.ul_open {
	width: 23px;
	height: 13px;
}

li.active.open > a .dropdownIcon, li.active.open > div > a  .dropdownIcon{
	transform:rotate(0deg);

}

.ziplist_name, .bookmark_name  {
	color:rgba(255,255,255,0.8);
	text-align: left;
	line-height:2rem;
	/* display: inline-block; */
	/*  text-overflow: ellipsis;  */
	/* white-space: nowrap; */
	/* overflow: hidden; */
	
	/* 한줄 이상 길이 자동 줄바꿈 설정 */
	white-space: normal;
	word-break: break-all;

}
p:first-child .ziplist_name{margin-bottom: 0;}

.ziplist_name:hover, .bookmark_name:hover{
	color:rgba(255,255,255,100);
}

.call_zipList.highlight, .multiList_li.highlight, .mobileMulti.highlight{
	background-color: #686f74;
}

.margin_10px{
	margin:10px !important;
}
.margin_r_10px {
	margin:4px 5px;
}
.color_white{
	color: white;
}
.fileext_icon  {
	/*
        height:40px;
        line-height:40px;
    */
}

/*CSS Toggle Class*/
.imageActive {
	opacity:1 !important;
	background-color: rgba(121,138,151,1) !important;
}
.hideToolbar {
	display:none !important;
}
/*로딩 프로그래스바 스타일 영역*/
/*loading image*/
#loading_bg {
	background: #282828;
	overflow: hidden;
	width:100%;
	height:100%;
	position: absolute;
	visibility: visible;
	position: absolute;
	left: 0px;
	opacity: 0.9;
	text-align: center;
}

#loading_bg .converting, #loading_bg .searching, #loading_bg .textextracting
, #loading_bg .downfilecheck, #loading_bg .downfilecreate, #loading_bg .pimconverting {
	position: absolute;
	top: 55%;
	color: white;
	font-size: 15px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
}


#loading_bg .searching, #loading_bg .textextracting, #loading_bg .downfilecheck
, #loading_bg .downfilecreate, #loading_bg .pimconverting {
	display: none;
	white-space: break-spaces;
}

.ldio-flsdtblipmf div {
	box-sizing: border-box !important
}

.ldio-flsdtblipmf>div {
	position: relative;
	left:calc(50% - 20px);
	top: 45%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 3px solid #000;
	border-color: #dddddd transparent #dddddd transparent;
	animation: ldio-flsdtblipmf 0.9615384615384615s linear infinite;
	transform:translate(-50%, -50%);
}

.ldio-flsdtblipmf>div:nth-child(2) {
	border-color: transparent
}

.ldio-flsdtblipmf>div:nth-child(2) div {
	position: absolute;
	width: 100%;
	height: 100%;
	transform: rotate(45deg);
}

#name_loading{
	margin: auto 0 auto 7px;
}

.name_loadingBar div {
    box-sizing: border-box !important;
}

.name_loadingBar>div{
	width: 10px;
	height: 10px;
	top: calc(50% - 5px);
	border-radius: 50%;
	border: 2px solid #000;
	border-color: #dddddd transparent #dddddd transparent;
	animation: ldio-flsdtblipmf 0.9615384615384615s linear infinite;
	transform: translate(-50%, -50%);
}

#watermark_lm {
	transform-origin: left top;
}

#watermark_rm {
	transform-origin: right top;
}

.ldio-flsdtblipmf>div:nth-child(2) div:before, .ldio-flsdtblipmf>div:nth-child(2) div:after
{
	content: "";
	display: block;
	position: absolute;
	/*
        top: -12.88px;
        left: 37.03px;
*/
	background: #dddddd;
	border-radius: 50%;
	box-shadow: 0 99.82000000000001px 0 0 #dddddd;
}

.ldio-flsdtblipmf>div:nth-child(2) div:after {
	/*
        left: -12.88px;
        top: 37.03px;
*/
	box-shadow: 99.82000000000001px 0 0 0 #dddddd;
}

.ldio-flsdtblipmf {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0;
	/* see note above */
}

.ldio-flsdtblipmf div {
	box-sizing: content-box;
}

@keyframes ldio-flsdtblipmf {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}
/*loading image*/


html {
	overflow: hidden;
	width:100%;
	height:100%;
}

.mainimg.hidden {
	display: none;
}

.hidden {
	/*visibility: hidden;*/
	display: none;
}

.bd-placeholder-img {
	/* font-size: 1.125rem; */
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



.starter-template {
	padding: 3rem 1.5rem;
	text-align: center;
}

.page_nav {
	width:22px;
	height:22px;
	position:relative;
	background-color:rgba(0,0,0,0);
	box-shadow:none !important;
	border:none !important;
	outline:none !important;
	opacity:0.8;
}

.pagePrev {
	margin-left:10px;
}

#next_btn {
	background: url(/view/resources/img/btn_page_down-8609ce0f90e7831a1d76715f23297baa.svg) no-repeat 50% 50%;
	background-size:14px;
}
#previous_btn {
	background: url(/view/resources/img/btn_page_up-2fb91c040594d03403c6b618cedb54c3.svg) no-repeat 50% 50%;
	background-size:14px;
}
#ebook_next_btn {
	background: url(/view/resources/img/btn_page_down-8609ce0f90e7831a1d76715f23297baa.svg) no-repeat 0% 50%;
	background-size:16px;
	transform:rotate(90deg);
}
#ebook_previous_btn {
	background: url(/view/resources/img/btn_page_up-2fb91c040594d03403c6b618cedb54c3.svg) no-repeat 0% 50%;
	background-size:16px;
	transform:rotate(90deg);
}
.dragHandBtn {
	background: url(/view/resources/img/btn_hand-fbda883a0012b9bfce936d85ca8e8c11.svg) no-repeat 50% 50%;
	background-size:16px;
}
.pageHeightMode {
	background: url(/view/resources/img/btn_view_h-7d13c4ff9b3808e39ac0c3af6ab8e46e.svg) no-repeat 50% 50%;
	background-size:18px;
}
.pageOriginSize {
	background: url(/view/resources/img/btn_view-3119f69411153e689ab8ede53ca3bc16.svg) no-repeat 50% 50%;
	background-size:18px;
}
.pageWidthFit {
	background: url(/view/resources/img/btn_view_v-e4fd7f0758b579dbed1b880654947f6d.svg) no-repeat 50% 50%;
	background-size:18px;
}
#rotation_left {
	background: url(/view/resources/img/btn_turn_left-e13c1ed8f511f8d5a924f8fb6cc3bfdc.svg) no-repeat 50% 50%;
	background-size:16px;
}
#rotation_right {
	background: url(/view/resources/img/btn_turn_right-8d6e8d41bcf6de1e25d95009cd543503.svg) no-repeat 50% 50%;
	background-size:16px;
}
#markup_upload {
	background: url(/view/resources/img/btn_upload-cd7ab61979ecb804f8ba2fdbd1f3bea6.svg) no-repeat 50% 50%;
	background-size:16px;
}
#skinBtn {
	background: url(/view/resources/img/btn_skin-9260d16ca16b70f0abf4a2793ce951cb.svg) no-repeat 50% 50%;
	background-size:16px;
}
#bubbleBtn {
	background: url(/view/resources/img/icon/bubble_icon-8f3591a714df45220a6eaac49e29dd6e.svg) no-repeat 50% 50%;
	background-size:22px;
}
#eBook-toggle {
	background: url(/view/resources/img/btn_ebook-bb6846e659ec70ca7b0903b3f73d5743.svg) no-repeat 50% 50%;
	background-size:18px;
}
#presentationMode {
	background: url(/view/resources/img/btn_zoom-9484ef26b2523e87a71ac2f5b8e9d830.svg) no-repeat 50% 50%;
	background-size:14px;
}
#fileDownloadBtn {
	background: url(/view/resources/img/btn_save-187cb5d3c734d1360d952a3f213af4b4.svg) no-repeat 50% 50%;
	background-size:16px;
}
#magnifierBtn {
	background: url(/view/resources/img/btn_readingGlasses-1ae89b872e55d29a975ac378d9952d82.svg) no-repeat 50% 50%;
	background-size:22px !important;
}
#browserPrint {
	background: url(/view/resources/img/btn_print-1ae39cac2845d520416fc8137dc23d45.svg) no-repeat 50% 50%;
	background-size:16px;
}
#registryDownBtn{
	background: url(/view/resources/img/btn_registry_down-9846be65c0a8b911644028d56c75325a.svg) no-repeat 50% 50%;
	background-size:22px;
}

#thumbnail {
	background: url(/view/resources/img/btn_thumb-3dca130eb0e6134218bcb07673f38706.svg) no-repeat 50% 50%;
	background-size:16px;
}
#contents {
	background: url(/view/resources/img/btn_contant-c01cbe8977a7a776d07256f7c719cc92.svg) no-repeat 50% 50%;
	background-size:16px;
}
#user_contents {
	background: url(/view/resources/img/icon/ic_bookmark-c165a348b9ab7fbf2cfd5e4787f5b864.svg) no-repeat 50% 50%;
	background-size:14px;
}
#search {
	background: url(/view/resources/img/btn_search-edcc5849ab811706f8106f5fab5fe2f0.svg) no-repeat 50% 50%;
	background-size:16px;
}

#page_text{
	background: url(/view/resources/img/btn_tfiter-3611d058213eb95406319c29ee66a6fe.svg) no-repeat 50% 50%;
	background-size:16px;
	height:34px;
	display:none;
}

#markup_history {
	background: url(/view/resources/img/history2-6a3cfa0b9ea0d5c84121d21df9da5113.svg) no-repeat 50% 50%;
	background-size:19px;
	height:34px;
	display:none;
}
#zip_info {
	background: url(/view/resources/img/btn_zip-8e73c5e58f5221d43f02b03c956e36e7.svg) no-repeat 50% 50%;
	background-size:16px;
}
#multi_sheet_info {
	background: url(/view/resources/img/btn_filelist-344dfce1e771a5c9a42013a68265c33c.svg) no-repeat 50% 50%;
	background-size:15px 18px;
}
#search_btn {
	background: url(/view/resources/img/btn_search-edcc5849ab811706f8106f5fab5fe2f0.svg) no-repeat 50% 50%;
	background-size:16px;
}
#ttsOptionBtn {
	background: url(/view/resources/img/icon/speakerIcon-2f3bf0df366670c81ebc2c29e56e48c0.svg) no-repeat 50% 50%;
	height:34px;
	background-size:18px;
}
.search_result_prev {
	background: url(/view/resources/img/btn_up-ac9d787bc2d3f25830d10ae6c22874da.svg) no-repeat 50% 50%;
	background-size:13px;
}
.search_result_next {
	background: url(/view/resources/img/btn_down-9cb3eb5758dc5d3fda7891a9332bf2f9.svg) no-repeat 50% 50%;
	background-size:13px;
}
.page_nav:hover {
	opacity:1;
}
.topNavSliceLine {
	width:1px;
	height:20px;
	background:rgba(136,136,136,1);
	position:relative;
}


/* Container Style Area */
.container{
	/* position:relative; */
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.fixed-top {
	padding: 0 0;
	background-color:rgba(62,67,71,1);
	/*position:relative;*/
	user-select:none;
	border-bottom:1px rgba(62,67,71,1);
}
/* .fixed-top.blockprop {
	justify-content:normal !important;
	display:block;
} */
.fixed-top.blockprop > div {
	float:left;
}
.bodyscroll {
	position:relative;
}
.overflow_x {
	overflow-x:auto;
	overflow-y:hidden;
}
.off_element {
	display:none !important;
}

#wrapper.SeparationHeader {
	margin-top:45px;
}

.mainimg {
	margin: 0 auto 7px;
	padding: 0;
	border: 0;
	position: relative;
	background: url(/view/resources/img/loadings-ae2e7bfe21ac117e71f1b3b890cb652e.gif) no-repeat 50% 50%; 
	background-size:15%;
	background-color: #393939;
}
.mainimg.imgContainerStyle {
	background-color:rgb(61,65,68);
}
.mainimg.twopageOn {
	margin:0 0 7px;
	/* display:inline-block !important; */
}
.mainimg>img {
	margin: 0 auto;
	display: block;
	padding: 0;
	border: 0;
	background-color: white;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
#mainContainer {
	padding:0;
}
#wrapper {
	width: 100%;
	height:100%;
	position: fixed;
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	will-change: scroll-position;
}
#mainImageList.print  {
	height: 100% !important;
	width: 100% !important;
	top: 0 !important;
	position: absolute !important;
	background: #ffffff !important;
}

#mainImageList.print > li > img   {
	width: 100% !important;
	/* min-height: 29.7cm !important; */
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	background: white !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;
}

#mainImageList {
	width:100%;
	border: none;
	padding: 0;
	/* zoom: 1; */
	font-size:0;
	overflow: visible;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
}

#test_info {
	position: absolute;
	width: 200px;
	height: 400px;
	background-color: #00000066;
	top: 0;
	right: 20px;
	color: white;
	display:none !important;
}
.text_info_header {
	width:100%;
	height:30px;
}
.text_info_close {
	width:25px;
	height:25px;
	outline:none !important;
	box-shadow:none !important;
	border:none !important;
	background-color:rgb(61,65,68);
	float:right;
	color:#fff;
	font-size:10px;
	font-weight:800;
	margin-top:5px;
	margin-right:5px;
}
.transition {
	transition: -moz-transform ease 200ms;
	transition: -ms-transform ease 200ms;
	transition: -o-transform ease 200ms;
	transition: -webkit-transform ease 200ms;
	transition: transform ease 200ms;
}

#navbarsRight {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	justify-self: end; /* 우측 정렬 */
	grid-column: 3;
	
	/* ie 전용 grid */
	-ms-grid-column-align: end;
	-ms-grid-column: 3;
}
#navbarsRight.blockprop {
	display:block;
	position:absolute;
	right:0;
}

#navbarsRightCustom {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	justify-self: end; /* 우측 정렬 */
	width: 72px;
	grid-column: 4;

	/* ie 전용 grid */
	-ms-grid-column-align: end;
	-ms-grid-column: 4;
}

#topNavBar{
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	position: relative;
	
	/* ie 전용 grid */
	display: -ms-grid;
	-ms-grid-columns: auto 1fr auto;
}

#navbarsCenter{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	
	justify-self: center; /* 중앙 정렬 */
	grid-column: 2;
	
	/* ie 전용 grid */
	-ms-grid-column: 2;
	-ms-grid-column-align: center;
}
#navbarsCenter.blockprop {
	width:570px;
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
}
#view_totPage, #scale_div, #view_fileName{
	color: white;
	margin: 6px;
	text-align: center;
	height: 23px;
	padding: 0 5px;
	margin-right: auto;
}

#pageinfonum{
	display: flex;
	margin-right: 12px;
	padding: 0px 10px;
}


#pageNumInput{
	width: 43px;
	height: 19px;
	margin: auto 3px;
	padding: 0 5px;
	text-align: center;
	background-color:rgba(62,67,71,1);
	border: 1px solid rgba(128, 128, 128, 1);
	line-height: 21px;
}

#pageinfonum > input[type="number"]::-webkit-outer-spin-button,
#pageinfonum > input[type="number"]::-webkit-inner-spin-button {
    /* 증가 감소 버튼 제거 */
    -webkit-appearance: none;
    margin: 0;
}

#pageNumInput:focus{
	outline: 0;
}

.pcTotPage{
	color: rgb(216,217,218);
	font-size: 1.3rem;
	line-height: 36px;
	margin: 0 3px;
}

.page_move_brn{
	min-width: 70px;
	display: flex;
}

/* 
.page_text{
	font-size: 19px;
	display: none;
} */

.TopChangeZoomDIV > button {
	background-color: #d4d4d4;
	/* border: none; */
	border: 1px solid #000000;
	outline: none;
	color: #000;
	width: 20px;
	height: 20px;
	min-width: 20px;
	/* line-height: 33px; */
	padding: 0;
	margin: 0px 4px;
	position:relative;
}
#presentationbtn {
	display:none;
}
#p_btn_wrap {
	position:fixed;
	top:20px;
	right:25px;
	width:36px;
	height:85px;
	display:none;
}
#p_btn_wrap > ul > li {
	width:36px;
	height:36px;
	border-radius:50%;
	background-color:rgba(0,0,0,0.4);
	margin-top:5px;
}
#p_btn_wrap > ul > li:hover {
	background-color:rgba(0,0,0,0.6);
}
.p_close {
	cursor: pointer;
	background: url(/view/resources/img/btnm_close-dc7c3ab79610eaba2e7b31aeb6c82772.svg) no-repeat 50% 50%;
	background-size:13px;
}
.p_eBook {
	background: url(/view/resources/img/btn_ebook-bb6846e659ec70ca7b0903b3f73d5743.svg) no-repeat 50% 50%;
	background-size:18px;
}
#p_btn_wrap > ul > .p_eBook.active {
	background-color:rgba(0,0,0,0.6);
}
.TopChangeZoomDIV > .zoomOut {
	/*	margin-left:6px;*/
}
.TopChangeZoomDIV {
	display: flex;
	align-items: center;
}
.ViewModeWrapper {
	display: flex;
	align-self: center;
}

.zoomIn > img {
	width:9px;
	height:9px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.zoomOut > img {
	width:10px;
	height:2px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.TopChangeZoomDIV > button:hover {
	transition:all 0.3s;
	background-color:rgba(255,255,255,1);
}

#scale_div {
	margin:0px 5px;
	width:100px;
	min-width: max-content;
	height:22px;
	cursor:pointer;
	padding-right: 0;
	border: 1px solid rgba(40,40,40,1);
	background-color: rgba(121,138,151,1);
}


/*#pageinfonum {
	border: 1px solid rgba(128, 128, 128, 1);
	padding-top: 1px;
	width:90px;
	height:22px;
	margin-top:7px;
	margin-left:12px;
	font-size: 1.3rem;
	line-height: 17px;
	background-color:rgba(62,67,71,1);
}*/

#now_scale {
	display: inline-block;
	font-size: 1.3rem;
}

#scale_selector{
	float: right;
	width: 22px;
}

#scale_selector svg{
	color:rgb(255,255,255);
	margin-top: 5px;
}
/* Tab 등 키보드로 포커스할 때만 링 표시(마우스 클릭 시 :focus 만으로는 표시 안 함) */
#scale_div .dropdown:focus:not(:focus-visible) {
	outline: none !important;
}
#scale_div .dropdown:focus-visible {
	outline: 3px solid #4da3ff !important;
	outline-offset: 2px !important;
}
.dropdown-menu {
	padding: 0;
	/* height: 350px; */
	min-width: 100px;
	text-align: center;
	border-radius: unset;
	margin-top: 4px;
	left: -6px;
	font-size: 1.3rem;
	/* overflow: auto; */
}

.dropdown-menu span {
	padding: 2px;
}
/*
 * 배율 드롭다운: Bootstrap .dropdown-item:hover(#f8f9fa)가
 * .dropdown-menu span:hover보다 우선(specificity)되어,
 * 마우스는 밝은 음영·방향키는 rgba만 적용되어 달라 보이던 문제를 해소.
 * 호버·키보드 roving(.scale-kb-active)·포커스를 동일 톤으로 맞춤.
 * (기본 Bootstrap #f8f9fa보다 한 톤 진한 음영)
 */
#scale_div .dropdown-menu span.dropdown-item.scale_value:focus {
	outline: none;
}
#scale_div .dropdown-menu span.dropdown-item.scale_value:focus-visible {
	outline: 2px solid #4da3ff;
	outline-offset: -2px;
}
#scale_div .dropdown-menu span.dropdown-item.scale_value:hover,
#scale_div .dropdown-menu span.dropdown-item.scale_value:focus-visible,
#scale_div .dropdown-menu span.dropdown-item.scale_value.scale-kb-active {
	color: #16181b;
	text-decoration: none;
	background-color: #d9dee5;
}
#scale_div .dropdown-menu span.dropdown-item.scale_value.active,
#scale_div .dropdown-menu span.dropdown-item.scale_value.active:hover,
#scale_div .dropdown-menu span.dropdown-item.scale_value.active:focus-visible,
#scale_div .dropdown-menu span.dropdown-item.scale_value.scale-kb-active.active {
	background-color: #18a2ff;
	color: #fff;
}

#view_fileName {
	display: flex;
	align-items: center;
	max-width: 90%;
	
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.3rem;
	
	justify-self: start; /* 좌측 정렬 */
	grid-column: 1;
	
	/* iE 전용 grid */
	-ms-grid-column: 1;
	-ms-grid-column-align: start;

}
.pc_fileName {
	margin:0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.pc_fileName.marqueFilenm {
	width:150%;
	text-overflow:initial;
	white-space:pre;
	overflow:initial;
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);	
	transform:translateX(100%);
	/* Apply animation to this element */	
	-moz-animation: scroll-left 15s linear infinite;
	-webkit-animation: scroll-left 15s linear infinite;
	animation: scroll-left 10s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
.render_text_info, .search_map, .markdiv {
	position: absolute;
	top: 0;
	display: block;
}
.render_text_info {
	user-select:text;
	/*display: inline-block;*/
}

.render_text_info span {
	position: absolute;
	color: transparent;
	display: block;
	white-space: pre;
	cursor: text;
	transform-origin: 0% 0%;
}

.search_map {
	width: 100%;
	height: 100%;
}

#browserPrint, #presentationMode, #high_browserPrint, #fileDownloadBtn, #eBook-toggle, #skinBtn, #magnifierBtn, #bubbleBtn, #registryDownBtn {
	width:36px;
	height:36px;
	position:relative;
	background-color:rgba(0,0,0,0);
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
}

#eBook-toggle > img{width: 20px; height: 16px;}

#skinBtn > img {
	width:16px;
	height:16px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	opacity: 0.9
}

#browserPrint > img {
	width:16px;
	height:16px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	opacity: 0.9
}

#high_browserPrint > img {
	width:16px;
	height:16px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#presentationMode > img {
	width:14px;
	height:14px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	opacity: 0.9;
}

#fileDownloadBtn > img {
	width:16px;
	height:16px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
#onePageModeBtn{
	width: 36px;
    height: 36px;
    outline: none;
    box-shadow: none;
    border: none;
    background: url(/view/resources/img/icon/icon_one_page_back-6c07566e7d0bd2dc9224177bf8257ec8.svg) no-repeat 50% 50%;
/*     filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(197deg) brightness(145%) contrast(83%); */
}
#onePageModeBtn.onePage {
	background: url(/view/resources/img/icon/icon_scroll_page_back-a1af44100d648e396654264a9513dfd2.svg) no-repeat 50% 50%;
}

#magnifierBtn.active{
	background-color:rgb(16,173,255);
}
/* 
#browserPrint:hover {
	background-color:rgba(121,138,151,1);
}
#high_browserPrint:hover {
	background-color:rgba(121,138,151,1);
}
#presentationMode:hover {
	background-color:rgba(121,138,151,1);
}
#fileDownloadBtn:hover {
	background-color:rgba(121,138,151,1);
}

#eBook-toggle:hover {
	background-color:rgba(121,138,151,1);
} */
.maincanvas {
	position: relative;
	display: block;
	background-color: white;
	margin: auto;
}

.search_el {
	position: absolute;
	background-color: rgba(255, 244, 39, 0.5);
}

.search_el.active {
	background-color: rgba(255, 0, 0, 0.5);
}
#sidenav {
	width: 35px;
	position: fixed;
	left: 0;
	background: rgba(62,67,71,1);
	color: #fff;
	text-align: center;
	border-right: 1px solid rgb(40,40,40);
	border-top: 1px solid #282828;
	
}

#sidebar {
	width: 260px;
	position: fixed;
	top: 0;
	left: -300px;
	background: rgba(62,67,71,1);
	color: rgb(255,255,255);
	overflow-y: auto;
	user-select:none;
	border-top: 1px solid #282828;
	
}

#sidebar.active {
	left: 34px;
	border-left: 1px solid #282828;
	overflow-x:hidden;
}

#dismiss {
	width: 35px;
	height: 35px;
	background-color: #ffffff;
	/* top right corner of the sidebar */
	top: 10px;
	right: 10px;
}

.left_nav_btn {
	width:34px;
	padding:0;
	background-color:rgba(0,0,0,0);
	border:none;
	outline:none;
	border-radius:0;
	box-shadow:none !important;
	position:relative;
	opacity:0.7;
	transition:none !important;
}
.left_nav_btn:hover {
	border-color:rgba(0,0,0,0);
	background-color:rgba(0,0,0,0);
	opacity:1;
}
.left_nav_btn > img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#sidenav .left_nav_btn:focus,
#sidenav .left_nav_btn:focus-visible {
	outline: 3px solid #4da3ff !important;
	outline-offset: -3px !important;
	box-shadow: inset 0 0 0 3px rgba(0, 58, 140, 0.95) !important;
}
#thumbnail > img {
	width:16px;
	height:16px;
}
#contents > img {
	width:16px;
	height:16px;
}
#user_contents > img {
	width:14px;
	height:16px;
}
#search > img {
	width:16px;
	height:16px;
}
#zip_info > img {
	width:16px;
	height:16px;
}
#multi_sheet_info {
	margin-top:23px;
	height:34px;
	display: none;
}
#thumbnail {
	margin-top:25px;
	height:34px;
	display: none;
}
#contents {
	margin-top:23px;
	height:34px;
	display: none;
}
#user_contents {
	margin-top:23px;
	height:34px;
	display: none;
}
#search {
	height:34px;
	display: none;
}
#zip_info {
	height:34px;
	display:none;
	margin-top:30px;
}
#thumbnail ~ button {
	margin-top:32px;
}
.side_content_main {
	/*margin-top:24px;*/
	/*height:calc(100% - 24px);*/
	height: 100%;
	overflow: hidden;
	border-right: 1px solid rgb(40,40,40);
}
#ttsOptionBtn_main {
	height:100%;
	overflow: hidden;
}
#ttsContainer {
	margin-top:20px;
	width:100%;
	height:calc(100% - 20px);
	overflow:auto;
}
.ttsTitle {
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
.rate-control {
	display:flex;
	padding:30px 0px 10px 0px;
}
.pitch-control, .voice-control {
	display:flex;
	padding:10px 0px 10px 0px;
}
#ttsPlayBtn{
	background: url(/view/resources/img/icon/playIcon-f81b394cffa2a2235982fd316e535c48.svg) no-repeat 50%;
}
#ttsPlayBtn.playing{
	background: url(/view/resources/img/icon/pause-4aec6a7741b52258b9d5699c3056d160.svg) no-repeat 50%;
}
.apply-control {
	padding-top:16px;
}
#applyTTSBtn {
	width: 184px;
	height: 30px;
	margin-left: 30px;
	background-color: #4A4A4A !important;
    border: 1px solid #2C2C2C;
    color: white;
}
.btn-control > button {
	width:30px;
	height:30px;
	background-color: #4A4A4A !important;
    border: 1px solid #2C2C2C;
    color: white;
}
#tts-progress-container {
	position:relative;
	width: 180px;
    height: 5px;
    background: rgba(44, 44, 44, 0.7);
    border-radius: 10px;
    margin: 20px 0 0 30px;
}
#tts-progress-bar {
	height: 100%;
	/*background: linear-gradient(90deg, #4CAF50, #45a049);*/
	background-color:#368AFF;
	width: 0%;
	transition: width 0.3s ease;
	border-radius: 10px;
}
#tts-progress-text {
	position: absolute;
    top: 2px;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    pointer-events: none;
}
.selectPage-control {
	margin-top:10px;
}
.btn-control {
	margin-top:8px;
}
#ttsStopBtn {
	margin-top:8px;
	background: url(/view/resources/img/icon/stop-d63a64a19f8bb1a02aa9564782dbd8d2.svg) no-repeat 50%;
}
.selectPage-control > button{
	width:86px;
	height:30px;
	background-color: #4A4A4A;
    border: 1px solid #2C2C2C;
    color: white;
}

#nowPageBtn, #ttsPlayBtn {
	margin:0px 12px 0px 30px;
}


#applyTTSBtn:active, .selectPage-control > button:active, .btn-control > button:active{
	transform: translateY(1px); /* 버튼이 아래로 살짝 눌리는 효과 */
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.6); /* 눌린 그림자 효과 */
}
.rate-control > label, .pitch-control > label, .voice-control > label {
	margin:0 32px;
	font-size:12px;
	min-width: 50px;
	display:block;
}
/*잠시 hidden처리로 padding제거*/
.voice-control {
	padding:0;
}
#rate, #pitch, #voice{
	width:100px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fileliseIcon {
	width:16px;
	height:12px;
}
#zip_info_main {
	width:260px;
}
.side_content_main > ul {
	width: 100%;
	list-style: none;
	padding: 0;
	overflow: auto;
	margin-top:20px;
	font-size:1.2rem;
	height: calc(100% - 20px);
}
#thumbnail_list {
	margin-top:0;
}
/*.pcThumbnailList > li:nth-child(1) {
	margin-top:10px;
}*/
#thumbnail_list > li, #search_result_list > li {
	position: relative;
	cursor: pointer;
	word-break: break-all;
	padding:6px;
	text-align: center;
	width: 100%;
	font-size: 1.3rem;
	float:left;
}
#contents_list > li, #user_contents_list > li {
	position: relative;
	cursor: pointer;
	word-break: break-all;
	padding: 5px;
	width: 100%;
	/*height: 100%;*/
	font-size: 1.3rem
}

#thumbnail_list > li:hover, #search_result_list > li.search_result_el:hover, /*#contents_list > li:hover, */#user_contents_list > li:hover{background: rgba(10,150,223,1);}
#multi_sheet_info_list > li {
	position:relative;
	cursor:pointer;
	word-break:break-all;
	text-align:center;
	width:100%;
	height:40px;
}
#search_result_list {
	height:calc(100% - 100px);
}
#thumbnail_list > li:hover{background: rgb(88,99,107)}

/* #sidebar: 키보드 Tab 포커스 링(전역 outline:none 대비) */
#sidebar.active *:focus,
#sidebar.active *:focus-visible {
	outline: 3px solid #4da3ff !important;
	outline-offset: -3px !important;
	box-shadow: inset 0 0 0 3px rgba(0, 58, 140, 0.95) !important;
}

#multi_sheet_info_list > li:hover, .fileext_icon:hover, .bookmark_wrap:hover{
	background: rgba(99, 99, 99, 0.7);
}

.bookmark_wrap{
	height: 30px;
}

.thumbnailimg > span {
	position: absolute;
	background: rgba(71,71,71,0.8);
	color: #fff;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	margin-bottom: 4px;
	min-width: 20px;
	border-radius: 4px;
	font-size: 1rem;
}
.multiIconWrap {
	width:34px;
	height:40px;
	position:relative;
	float:left;
}
.multiFileExt {
	width:14px;
	height:18px;
	position:absolute;
	top:50%;
	left:10px;
	transform:translateY(-50%);
}
.multiList {
	display:inline-block;
	width:calc(100% - 40px);
	height:30px;
	float:left;
	margin:0;
	line-height:40px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	text-align: left;
	font-size:1.3rem
}
.search_page_li, .search_title_li {
	background-color: rgb(88,99,107);
	cursor: unset !important;
	height: 30px;
	line-height:18px;
}

.search_result_el.active {
	color: red;
}

.thumbnailimg {
	text-align: center;
	background: url(/view/resources/img/loadings-ae2e7bfe21ac117e71f1b3b890cb652e.gif) no-repeat 50% 50%;
	background-size:15%;
}

.thumbnailimg > img {
	width: 100px;
/*	background-color: #fff;*/
	min-height: 60px;
	min-width: 100px;
}

.thumbnailimg > img.active {
	border: 2px solid #18a2ff;
}
#page_text_list > li {
	cursor:pointer;
	text-align:center;
	font-size: 1.4rem;
	opacity:0.7;
	padding:6px;
}
#page_text_list > li:hover{opacity:1; background:rgba(10,150,223,1)}
#search_text {
	width: 100%;
	height:30px;
	border:none;
	outline:none;
	float:left;
	text-indent:10px;
	font-size: 1.3rem;
	color:#fff;
}
#search_text.form{background: rgb(62,67,71); border-bottom:1px solid rgb(138,138,138); color:#fff}

#search_input_div{
	display: flex;
	justify-content: center;
	align-items: center;
}

#search_btn {
	width:30px;
	height:30px;
	padding:0;
	float:left;
	border-radius:0;
	position:relative;
	outline:none;
	box-shadow:none !important;
	border:none;
}

#search_btn >  img {
	width:16px;
	height:16px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.searchMoveDiv {
	width:100%;
	height:38px;
	float:left;
	margin:5px 0
}
#search_tools {
	display: flex;
	flex-flow: column;
	
	width:100%;
	padding:0 20px;
	margin-top:24px;
}
.search_result_prev, .search_result_next {
	width:26px;
	height:26px;
	float:right;
	background-color:rgba(40,40,40,1);
	border:none !important;
	outline:none !important;
	box-shadow:none !important;
	border-radius:50% !important;
	position:relative;
	top:6px;

}
.search_result_prev:hover, .search_result_next:hover{
	background-color:rgb(121,138,151);
}
.search_result_next {
	margin-left:3%;
}
.searchMoveDiv > button > img {
	width:13px;
	height:8px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}



#search_result_list {
	overflow: auto;
	margin:0;
}
.textSelectOff {
	display:none !important;
}
/*excel Sheet style css*/

.sheet_nav_btn {
	width: 35px;
	height: 28px;
	background-color: rgba(62,67,71,1);
	position: fixed;
	cursor: pointer !important;
	bottom: 0;
	outline: none !important;
	border:none;
	padding: 0;
	display:none;
}


#excel_sheet_button .prev_sheet{
	background: url(/view/resources/img/btn_tab_prev-f1f07f508b1acbe7493332907b5505dd.svg) no-repeat 50% 50%; 
	background-size:8px 8px;
	background-color:rgba(62,67,71,1);
	opacity:0.7;
	border-right: 1px solid #141414;
}
#excel_sheet_button .next_sheet{
	background: url(/view/resources/img/btn_tab_next-73e9638928e5e4afa33e61cc3b5de7f9.svg) no-repeat 50% 50%; 
	background-size:8px 8px;
	background-color:rgba(62,67,71,1);
	opacity:0.7;
	border-right: 1px solid #141414;
	border-left: 1px solid #141414;
}
#excel_sheet_button .prev_sheet:hover, #excel_sheet_button .next_sheet:hover{opacity:1}

.icon-angle-right {
	right:0;
}
.icon-angle-left {
	left:0;
}

.frame {
	position:fixed;
	bottom:0;
	/* width:calc(100% - 15px); */
	width:100%;
	left:0;
	height:30px;
	background-color:rgba(62,67,71,1);
	user-select:none;
	display:block;
	border-top:1px solid #141414
}

.frame .slidee li.active {
	background:#585858;
}

#excel_sheet_button {
	cursor:pointer;
}

.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}

.frame ul li {
	color:white;
	float:left;
	min-width:250px;		/*auto로 바꾸면 시트가 많을경우 젤 끝 시트가 안보인다.*/
	padding:0 25px 0 25px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-right:1px solid #141414;
}


#excel_sheet{
	display: flex;
	position: absolute;
    flex-direction: row;
    overflow: hidden;
	padding: 0 0 0 35px !important;
}

#excel_sheet > .active {
	background-color:rgba(88,193,20,1);

}

#excel_sheet > li > p {
	margin-bottom:0;
	padding: 0 8px 0 8px;
	font-size: 1.2rem;
}

.sheet_list {
	float:left;
	width:120px;
	height:40px;
	border:1px solid gray;
	line-height:40px;
	text-align:center;
}

#wrapper.fullScreenMode {
	left:0 !important;
	top:0 !important;
	width:100% !important;
	height:100% !important;
}
#wrapper.fullScreenMode > .pageRemoteControl {
	display:block;
	background-color:rgba(130,130,130,1);
	position:fixed;
	right:25px;
	bottom:10px;
	border-radius: 2px;

}

.pagesInfo {
	padding: 6px 10px;
	/* width:90px; */
	/* height:28px; */
	color:#fff;
	text-align:center;
	/* line-height:28px; */
	font-size: 1.3rem;
	letter-spacing: 2px;
	font-weight: 300;
	min-width: 80px
}
.pd_L_15px{padding-left:15px;}
/*#### Scrollbar Custom ####*/
/*Chrom Scrollber*/
.side_content_main > ul::-webkit-scrollbar, #search_result_list::-webkit-scrollbar/*  , #thumbnail_list::-webkit-scrollbar */  {
	background-color:rgba(0,0,0,0);
	width:6px;
}
.side_content_main > ul::-webkit-scrollbar-thumb, #search_result_list::-webkit-scrollbar-thumb/*  , #thumbnail_list::-webkit-scrollbar */ {
	/*background-color:#1f1e1e;*/
	background-color:#fff;
	border-radius:5px;
}

/*IE Scrollber*/
.side_content_main > ul, #search_result_list{
	scrollbar-base-color: rgba(71, 71, 71, 1); /*스크롤바 전체 기본 베이스 색상*/
	scrollbar-Face-Color: #1f1e1e; /*스크롤바 색상*/
	scrollbar-track-color:rgba(71, 71, 71, 1); /*스크롤바 영역 전체 컬러*/
	scrollbar-shadow-color:rgba(71, 71, 71, 1); /*스크롤바 그림자 색상*/
}
/*#### Scrollbar Custom ####*/
.dragHandBtn {
	width:36px;
	height:35px;
	background-color:rgba(0,0,0,0);
	outline:none !important;
	box-shadow:none !important;
	border:none !important;
	position:relative;
	float:left;
	margin:0 0 0 6px;
	opacity:0.5;
}
.dragHandBtn.dragOn {
	opacity:1;
}
.dragHandBtn > img {
	width:16px;
	height:18px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.dropdown {font-size: 1.1rem}
.viewModeDropDown {
	width:36px;
	height:36px;
	overflow:hidden;
	float:left;
	margin:0;
	background-color:rgba(62,67,71,1);
}
.viewModeDropDown > li {
	width:36px;
	height:36px;
}
.viewModeDropDown:hover {
	height:108px;
}
.viewModeDropDown > li:hover {
	background-color:rgba(121,138,151,1);
}
.viewModeBtn:hover {
	background-color:rgba(121,138,151,1);
}
#selposition_zoom_btn:hover {
	background-color:rgba(121,138,151,1);
}

.twoPageMode {
	position:relative;
	float:left;
	background-color:rgba(0,0,0,0);
	outline:none !important;
	box-shadow:none !important;
	border:none !important;
	width:36px;
	height:35px;
	color:#fff;
}
.twoPageMode > img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:20px;
}
.viewModeBtn, .rotateBtn, .selposition_zoom_btn_cl {
	width:36px;
	height:35px;
	background-color:rgba(62,67,71,1) !important;
	outline:none !important;
	box-shadow:none !important;
	border:none !important;
	position:relative;
	float:left;
}
#selposition_zoom_btn {
	background:url(/view/resources/img/btn_select_view-fa6a2f6f67785072696888d9e8001ad4.svg) no-repeat 50% 50%;
	background-size: 18px;
}
.viewModeBtn > img {
	width:18px;
	height:18px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#selposition_zoom_btn > img {
	width:18px;
	height:18px;
	position:absolute;
	top:52%;
	left:50%;
	transform:translate(-50%, -50%);
}

.rotateBtn > img {
	width:16px;
	height:18px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.rotateBtn:hover {
	background-color:rgba(121,138,151,1);
}
.model_body{
	overflow-wrap: anywhere;
}

.modal-body > div {
	word-wrap: break-word;
}
#view_img_bedrequest .modal-body p {
	white-space: break-spaces;
}

#nav_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #3e4347;
}
/* 
#modal_header {
	background-color:rgba(62,67,71,1);
	text-align:center;
	color:#fff;
	display:block;
	position:relative;
}
#fileDownClose {
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-60%);
	margin:0;
	padding:0;
	color:#fff;
} */
.filedown_ul {
	margin:7px auto 0 auto;
	width:95%;
}
.filedown_items {
	width:100%;
	/* height:30px; */
	height:45px;
	border-bottom:1px solid rgb(223,223,223);
	margin-top:5px;
	margin-bottom:5px;
	line-height:30px;
	font-size:16px;
}
.filedown_items > div {
	float:left;
	height:30px;
	margin-top:5px;
}
.filedownFooter {
	border-top:none;
}
.down_title {
	width:52px;
	height:30px;
	color:#fff;
	text-align:center;
}
.down_filenm {
	width:calc(100% - 52px);
	text-align:left;
	padding-left:20px;
	padding-right: 30px;
	cursor:pointer;
	opacity:0.8;
	background: url(/view/resources/img/icon/btn_download_modal-140363ff293d93a2d9a6475da8505355.svg) no-repeat;
	background-position:right center;
	background-size: 18px;
	
	/** 텍스트 줄바꿈 */
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.down_filenm:hover {
	opacity:1;
}
.zip_fd_title {
	background-color:rgb(70,70,70);
}
.org_fd_title {
	background-color:rgb(70,70,70);
}
.pdf_fd_title {
	background-color:rgb(238,57,57);
}
.markup_fd_title {
	background-color:rgb(35,177,167);
}
#filedownCloseBtn {
	width:60px;
	height:35px;
	font-size:14px;
}
#modal_header{
	background:rgb(10,150,223);
	display:block; 
	text-align:center;
	position:relative;
}
#filedown_Modal_title{
	font-weight:normal; 
	color:#fff;
	user-select: none;
}
#fileDownClose {
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-60%);
	margin:0;
	padding:0;
	/* color:#fff; */
}

.side_mini{
	width: 100px !important; 
}

.Historylist{height:47px; font-size: 1.2rem; /* padding: 0.5rem 1rem; */ border-bottom: 1px solid rgb(40,40,40);}
.pcHistoryList:hover{background:rgb(121,133,142)}
.Historylist p{margin-bottom: 0;}
.search_hilight_text{color:#ffe500}
#contents_list > li:first-child:hover{background:rgb(88,99,107)}
#excel_sheet_button .prev_sheet{border-left:0}
#excel_sheet_button .next_sheet{border-right:0}
.fileext_icon, .bookmark_wrap{padding:2px}




/* modal css */
.modal-title{font-size: 1.8rem; font-weight: bold;}
.modal-body > div{font-size: 1.4rem;}
.badge-danger, .btn-primary/* , .modal-footer> */:not(:first-child){font-size: 1.4rem; font-weight: 300;}
.form-control{font-size: 1.5rem;}
.close{font-size: 2.8rem;}
#view_page_text h5.modal-title{font-size:15px; font-weight:500; color:rgb(255,255,255)}
#view_page_text .modal-header{background:rgb(10,150,223);}
#view_page_text .btn{font-size: 13px;}









.modalAlert {
	width:300px;
	height:200px;
	background-color:#fff;
	position:fixed;
	top:80px;
	left:50%;
	transform:translateX(-50%);
	text-align:center;
	border-radius:6px;
	display:none;
	box-shadow:2px 2px 2px gray;
}
.TitleMsg {
	font-size:16px;
	padding-top:50px;
}
.errorMsg {
	font-size:12px;
	font-weight:bold;
/* 	white-space:pre; */ /*모달창 영역을 넘어서 txt가 가려짐*/
}
.confirm_div {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	text-align:center;
}
.backBtn {
	width:100px;
	height:36px;
	bottom:40px;
	border:none !important;
	border-radius:5px !important;
	background-color:rgb(16,173,255);
	outline:none !important;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:36px;
}
.backNdownBtn {
	width:100px;
	height:36px;
	bottom:40px;
	border:none !important;
	border-radius:5px !important;
	background-color:rgb(16,67,255);
	outline:none !important;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:36px;
	display: none;
}
.backBtn2 {
	width:100px;
	height:36px;
	bottom:40px;
	border:none !important;
	border-radius:5px !important;
	background-color:red;
	outline:none !important;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:36px;
	display:none;
	margin-left:10px;
}
.password_input {
	border-radius:5px !important;
	display: none;
	padding: 5px;
	margin-bottom: 5px;
	outline: blue !important;
	border: 2px solid #cfcfcf;
}

.selectMode {
	background-color:rgba(121,138,151,1) !important;
}

#navbarsRight button{
	opacity:0.8;
	min-width: 32px;
}
#navbarsRight button:hover{opacity:1}
#search_text::placeholder{color:#e0e0e0}

.file_Move {
	width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.4;
    margin: 0 30px;
    cursor: pointer;
}

.file_Move > img {
	width: 100%;
	height: 100%;
}

#prev_file {
	left: 10px;
	transform: translateY(-50%) rotate(180deg);
}

#next_file {
	right: 0;
}



/* Mobile style Area ######################################################################################################*/


/*@media ( max-width : 1366px) {*/

	#sidebar {
		overflow:unset;
	}
	.container {
		max-width:100%;
		padding:0;
	}
	.marquee_wrapper {
		position:absolute;
		display:block;
		height:100%;
		margin:0;
	}
	/* Move it (define the animation) */
	@-moz-keyframes scroll-left {
	 0%   { -moz-transform: translateX(100%); }
	 100% { -moz-transform: translateX(-100%); }
	}
	@-webkit-keyframes scroll-left {
	 0%   { -webkit-transform: translateX(100%); }
	 100% { -webkit-transform: translateX(-100%); }
	}
	/* @keyframes marquee {
		0% {left:0;}
		100%{ left:-100%;}
	} */
	.opacityChange {
		opacity:0.3 !important;
	}
	.koelsaBtn {
		display:block !important;
	}

	.zipList {
		width:100%;
		height:calc(100% - 50px);
		overflow:scroll;
	}
	.zipList > li {
		width:100%;
		min-height:50px;
		margin-top:5px;
		background-color:#fff;
		line-height:50px;
		color:black;
	}
	.zipList > li > a > .fileext_icon > .fileext_list_name {
		display:block;
		color:black;
		width:100%;
		height:50px;
	}
	.fileext_list_name > .extIcon_mobile {
		margin:18px 10px 15px 10px;
	}
	.mobileMulti .multiList {
		margin:0;
		display:inline-block;
		max-width:calc(100% - 40px);
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		float:left;
		font-size:1.3rem;
		height:50px;
		line-height:50px;
	}
	.mobileMulti {
		width:100%;
		height:50px;
		line-height:50px;
	}
	.mobileMulti .multiFileExt {
		width:14px;
		height:18px;
		position:absolute;
		top:50%;
		left:10px;
		transform:translateY(-50%);
	}
	.mobileMulti .multiIconWrap {
		float:left;
		position:relative;
		width:40px;
		height:50px;
	}
	.multi_sheet_info_list {
		height:calc(100% - 50px);
		overflow:scroll;
	}
	#multi_sheet_info_list > .mobileMulti {
		background: url(/view/resources/img/more-81222e82d97fe1a13fbe255eb1cb5f65.svg) no-repeat 95% 50%;
		background-size:8px;
		height:50px;
		background-color:rgb(255,255,255);
		margin-top:10px
		
	}
	.zipList .ziplist_name {
		color:black;
		height:50px;
		line-height:50px;
	}
	#excel_sheet.mobileSheet {
		padding:0 !important;
	}

	#view_fileName + .topNavSliceLine {
		display:none;
	}
 
	#page_select {
		 /*-webkit-appearance: none; 셀렉트 박스에 내장된 기본 드롭다운 아이콘 제거*/
		border:none;
		background-color:rgba(0,0,0,0);
		color:#fff;
		outline:none !important;
		font-size:1.4rem;
		margin-right:-20px;
		margin-left:5px;
		height: 30px;
	}
	#page_select > option {
		border:none !important;
		outline:none !important;
		color:black;
	}
	.search_result_next{margin-right: 10px;}
	/* #multi_sheet_info_list > li:hover, .fileext_icon:hover{background-color:rgb(255,255,255);} */  /*ljw 다크스킨에서 마우스 오버시 하얀바탕으로 active처리 되어서 주석처리*/
	#page_text_list > li{font-size: 16px;}
	#page_text_list > li:hover{backgroun:none;}
	#page_text_list > li:hover{background:none;}
/*}*/
/* 건너뛰기 링크 (평소엔 숨김, 포커스 시 상단 노출) */
#skip-nav a {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#skip-nav a:focus, #skip-nav a:active {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	z-index: 999999;
}

@media (min-width: 576px){
	.modal-dialog {
		max-width: 500px;
		margin: 4rem auto;
	}
}

@media ( max-width : 1150px) {
	.search_result_next{margin-left: 15px;}
	
	

	#presentationbtn{display:none}
	.Historylist{border-bottom:0}
}


@media ( max-width : 1060px) {
	#view_fileName {
		width:100px;
	}
}
@media ( max-width : 830px) {
	#view_fileName {
		display:none;
	}
	
	#topNavBar{
		-ms-grid-columns: none;
	}
	#navbarsRight {
		display: inline-flex;
		align-items: center;
		justify-content: flex-end;
		justify-self: end; /* 우측 정렬 */
		grid-column: unset;
	}
}

@media ( max-width : 660px) {
	.search_result_next{margin-left: 10px;}
	.modal_m_wrap{margin:0 auto !important; width: 80% !important;}

}

@media ( max-width : 480px) {
	.search_result_next{margin-left: 10px;}
}

/* ctrl + p 브라우저 기본 프린트 제어 */
@media print {
	*{display:none;}
	/* General rules for printing. */
	body {
		background: transparent none;
	}

	/* Rules for browsers that don't support mozPrintCallback. */
	#mainImageList > li {
		display:none;
		background-color:#fff;
	}
}
@media (min-width: 1200px){
	.container {
		max-width:100%;
	}
}