/* 2021-02-02 ljw 
##############################################
body.lightMode를 항상 참조하여 변경할 객체에 스타일 적용
##############################################
*/

/* PC 헤더[상단]영역 바탕  */
body.lightMode .fixed-top {
	background-color:rgb(255,255,255);
	border-bottom: 1px solid rgb(181,181,181);
	height:37px; /*border값이 들어가는 경우 스크립트에서 border값만큼을 뺀 높이값을 반환하기 때문에, border값만큼 높이값을 더 추가해줘야함 */
}
body.lightMode .selectMode {
	background-color:rgb(236,236,236) !important;
}

/* PC 헤더[상단]영역 텍스트 컬러 */
body.lightMode #view_fileName {
	color:rgb(64,64,64);
}
body.lightMode #pageinfonum {
	color:rgb(64,64,64);
}
body.lightMode #scale_div {
	border:1px solid rgb(181,181,181);
}
body.lightMode #markUp_tool {
	color:black;
}

body.lightMode #scale_div {
	background-color:rgb(255,255,255) !important;
}

body.lightMode .viewModeBtn, body.lightMode .rotateBtn, body.lightMode #selposition_zoom_btn {
	background-color:rgba(255,255,255, 1) !important;
}

body.lightMode #now_scale{
	color:rgb(64,64,64);
}

body.lightMode #ebook_pageinfonum {
	color:black;
}

/* PC 헤더[상단]영역 버튼 이미지 */
body.lightMode #next_btn{
	background: url(/view/resources/img/lightViewer/btn_page_down-a7689fc4ec5bfe0973e2baccf772c846.svg) no-repeat 50% 50%;
	background-size:14px;
}
body.lightMode #previous_btn {
	background: url(/view/resources/img/lightViewer/btn_page_up-f243eb161da577fd25d092383eee38bf.svg) no-repeat 50% 50%;
	background-size:14px;
}
body.lightMode #ebook_next_btn {
	background: url(/view/resources/img/lightViewer/btn_page_down-a7689fc4ec5bfe0973e2baccf772c846.svg) no-repeat 50% 50%;
	background-size:16px;
	transform:rotate(90deg);
}
body.lightMode #ebook_previous_btn {
	background: url(/view/resources/img/lightViewer/btn_page_up-f243eb161da577fd25d092383eee38bf.svg) no-repeat 50% 50%;
	background-size:16px;
	transform:rotate(90deg);
}
body.lightMode .dragHandBtn {	
	background: url(/view/resources/img/textBar_icon_lightmode-7f3c015dfa2cef9742933e9f724c1af8.png) no-repeat 50% 50%;
	background-size:16px;
	opacity:0.8
}

body.lightMode .dragOn{
	background: url(/view/resources/img/lightViewer/btn_hand-0c47c92b666e6af4700d22d4968725e7.svg) no-repeat 50% 50%;
	background-size:16px;	
	opacity:1
}
body.lightMode .pageHeightMode{
	background: url(/view/resources/img/lightViewer/btn_view_h-c9fd52e67ad6634f2a32e784ae0dec25.svg) no-repeat 50% 50%;
	background-size:18px;
	opacity:0.8;
}
body.lightMode #slideShow-toggle {
	background: url(/view/resources/img/lightViewer/swipe_icon-6f0ebe7e9aead88f538218ef48e8cb34.svg) no-repeat;
	background-size:24px;
	background-position:4px 5px;
	width:36px;
	height:36px;
	position:relative;
	background-color:rgba(0,0,0,0);
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
	opacity:0.8;
}
body.lightMode #slideShow-toggle:hover {
	background: url(/view/resources/img/lightViewer/swipe_icon2-cc8d291fd3912cec49331739c2c55dfa.svg) no-repeat;
	background-size:24px;
	background-position:4px 5px;
	width:36px;
	height:36px;
	position:relative;
	background-color:rgba(0,0,0,0);
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
	opacity:1;
}
body.lightMode #slideShow-toggle:focus {
	background: url(/view/resources/img/lightViewer/swipe_icon2-cc8d291fd3912cec49331739c2c55dfa.svg) no-repeat;
/* 	background-size:24px; */
	background-position:4px 5px;
	width:36px;
	height:36px;
	position:relative;
	background-color:rgba(0,0,0,0);
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
	opacity:1;
}
body.lightMode .pageHeightMode:hover{opacity:1;}

body.lightMode .pageOriginSize{
	background: url(/view/resources/img/lightViewer/btn_view-70f754f6213275f8a311e9cf4f4e7862.svg) no-repeat 50% 50%;
	background-size:18px;
	opacity:0.8
}

body.lightMode .pageOriginSize:hover{opacity:1}

body.lightMode .pageWidthFit{
	background: url(/view/resources/img/lightViewer/btn_view_v-4d6739b581c7a563453579ebfe55b994.svg) no-repeat 50% 50%;
	background-size:18px;
	opacity:0.8
}
body.lightMode .pageWidthFit:hover{opacity:1}
body.lightMode #rotation_left{
	background: url(/view/resources/img/lightViewer/btn_turn_left-75031191679459771499f39c589b66e2.svg) no-repeat 50% 50%;
	background-size:16px;
	opacity:0.8	
}
body.lightMode #rotation_right{
	background: url(/view/resources/img/lightViewer/btn_turn_right-54b952b4d75394ce848b73694e72ea5f.svg) no-repeat 50% 50%;
	background-size:16px;
	opacity:0.8
}
body.lightMode #markup_upload {
	background: url(/view/resources/img/lightViewer/btn_upload-5299a399126a67fd8070973649636119.svg) no-repeat;
	opacity:0.7;
    background-position:9px 9px;
}

body.lightMode #markup_upload:hover{opacity:1; background-position: -27px 9px;}

body.lightMode #onePageModeBtn{
	width: 36px;
    height: 36px;
    outline: none;
    box-shadow: none;
    border: none;
    background: url(/view/resources/img/lightViewer/light_icon_one_page_back-3771aa3e47c508b0fd2596f4e4d8f2f6.svg) no-repeat 50% 50%;
}
body.lightMode #onePageModeBtn.onePage {
	background: url(/view/resources/img/lightViewer/light_icon_scroll_page_back-18c089f476b5825df1e1234cfdc5f822.svg) no-repeat 50% 50%;
}
body.lightMode #eBook-toggle {
	background: url(/view/resources/img/lightViewer/btn_ebook-239f08def2f465449cd908552099a16d.svg) no-repeat;
	opacity:0.7;
	background-position: 9px 10px;
}
body.lightMode #eBook-toggle:hover{opacity:1; background-position: -36px 10px;}

body.lightMode #presentationMode {
	background: url(/view/resources/img/lightViewer/btn_zoom-5213548fda79b1b454f1ed708a0ea6c1.svg) no-repeat;
	opacity:0.7;
	background-position: 10px 11px;	
}

body.lightMode #presentationMode:hover{opacity:1; background-position: -26px 11px;}
body.lightMode #fileDownloadBtn {
	background: url(/view/resources/img/lightViewer/btn_save-cec4ee6e4b889389e0d53b32e80fef95.svg) no-repeat;
	opacity:0.8;
	background-position: 9px 9px;
	background-size:55px;
}
body.lightMode #fileDownloadBtn:hover{opacity:1; background-position: -29px 9px;}

body.lightMode #browserPrint {
	background: url(/view/resources/img/lightViewer/btn_print-7d9034057ee3a2613cdbed606c29f993.svg) no-repeat 50% 50%;
	opacity:0.7;
	background-position: 9px 9px;
}
body.lightMode #browserPrint:hover{opacity:1; background-position: -27px 9px;}

body.lightMode #skinBtn {
	background: url(/view/resources/img/lightViewer/btn_skin-b71aed8c63f96fa1eebb57bb7e09e565.svg) no-repeat;
	opacity:0.7;
    background-position:9px 9px;}
    
body.lightMode #bubbleBtn {
	background: url(/view/resources/img/lightViewer/bubble_icon-dcf025bf82cc1836b38cbd1bbe633282.svg) no-repeat;
	opacity:0.7;
	background-size:26px;
	background-position:4px 4px;
}
body.lightMode #bubbleBtn:hover {
	opacity:1;
}
    
body.lightMode #skinBtn:hover{opacity:1; background-position: -34px 9px;}

body.lightMode #selposition_zoom_btn {
	background-color:rgba(0,0,0,0);
	background:url(/view/resources/img/lightViewer/btn_select_view2-d004fed448701530f7ee26ea4c0e8dcb.svg) no-repeat 50% 50%;
}
body.lightMode #magnifierBtn {
	background: url(/view/resources/img/lightViewer/btn_readingGlasses-5092ce62e55e748d9db89edb46033d46.svg) no-repeat 50% 50%;
}


/* PC 사이드영역 바탕 */
body.lightMode #sidenav {
	background-color:rgb(255,255,255);
	/*background-color:rgb(243,243,243); 2025.06.09 topbar는 255인데 얘는 243이라서 색상 맞춤 */
	border-top: 1px solid rgb(181,181,181);
	border-right: 1px solid rgb(181,181,181);
}
body.lightMode #sidebar {
	background-color:rgb(255,255,255) !important;
	color: rgb(64,64,64);
}
body.lightMode #search_text.form {
	background-color:rgb(255,255,255);
	border-bottom: 1px solid rgb(181,181,181);
	color:rgb(40,40,40)
}

body.lightMode .bookmark_name {
	color:black;
}
body.lightMode .bookmark_wrap:hover {
	background-color: rgb(222,237,245);
}

/* PC 사이드영역 버튼 이미지 */
body.lightMode #thumbnail {
	background: url(/view/resources/img/lightViewer/btn_thumb-b1c83a5e379a1769b581cfc4b4ebe16d.svg) no-repeat 50% 50%;
}

body.lightMode #contents {
	background: url(/view/resources/img/lightViewer/btn_contant-565030370a6c723ac72f77aca0b112ff.svg) no-repeat 50% 50%;
	background-size:16px;
}
body.lightMode #user_contents {
	background: url(/view/resources/img/lightViewer/ic_bookmark-f41f1063addb172f1d40246771f8f389.svg) no-repeat 50% 50%;
	background-size:14px;
}
body.lightMode #search {
	background: url(/view/resources/img/lightViewer/btn_search-cb9ef980c556c3a230c78c19da4c26b3.svg) no-repeat 50% 50%;
	background-size:16px;
}
body.lightMode #page_text {
	background: url(/view/resources/img/lightViewer/btn_tfiter-113e12bcc53cc12aaa9241028adc0146.svg) no-repeat 50% 50%;
	background-size:16px;
}
body.lightMode #ttsOptionBtn {
    background: url(/view/resources/img/lightViewer/speakerIcon_light-5e546e26fb9d3d795f918eff4051df39.svg) no-repeat 50% 50%;
    height: 34px;
    background-size: 18px;
}
body.lightMode #page_text:hover {
	color: rgb(64,64,64);
}
body.lightMode #markup_history {
	background: url(/view/resources/img/lightViewer/history2-8bfc075432e93ada47a2603295980c8b.svg) no-repeat 50% 50%;
	background-size:19px;
}
body.lightMode #zip_info {
	background: url(/view/resources/img/lightViewer/btn_zip-6306472ab206d1e154f29e00527e5abd.svg) no-repeat 50% 50%;
	background-size:16px;
}
body.lightMode #multi_sheet_info {
	background: url(/view/resources/img/lightViewer/btn_filelist-6ae03df7f32f3fe0f9cb4ec2cb30de61.svg) no-repeat 50% 50%;
}
body.lightMode .color_white {
	color: rgb(64,64,64);
}
body.lightMode .ziplist_name {
	color: rgb(64,64,64);
}
body.lightMode #search_btn {
	background: url(/view/resources/img/lightViewer/btn_search-cb9ef980c556c3a230c78c19da4c26b3.svg) no-repeat 50% 50%;
	background-size:16px;
}
body.lightMode .search_result_prev {
	background: url(/view/resources/img/lightViewer/btn_up-4def6e0b8d659edf751158e5fa0204f9.svg) no-repeat 50% 50%;
	background-size:13px;
	background-color:rgb(242,242,242);}

body.lightMode .search_result_next {
	background: url(/view/resources/img/lightViewer/btn_down-3db2d53383654356ebad2c4a576ab7db.svg) no-repeat 50% 50%;
	background-size:13px;
	background-color:rgb(242,242,242);}

/* PC 엑셀tab */
body.lightMode #excel_sheet_button .prev_sheet{
	background: url(/view/resources/img/lightViewer/btn_tab_prev-451047999e969c2f80297bed57e9a48d.svg) no-repeat 50% 50%; 
	background-size:8px 8px;
	opacity:0.6;
	border-right:1px solid rgb(181,181,181);
	background-color: rgb(255,255,255);
	/*background-color: rgb(243,243,243); 2025.06.09 topbar는 255인데 얘는 243이라서 색상 맞춤*/
}
body.lightMode #excel_sheet_button .next_sheet{
	background: url(/view/resources/img/lightViewer/btn_tab_next-bf96fe7e759ece4c51a1950ee1ee2254.svg) no-repeat 50% 50%; 
	background-size:8px 8px;
	opacity:0.6;
	border-left:1px solid rgb(181,181,181);
	background-color: rgb(255,255,255);
	/*background-color: rgb(243,243,243); 2025.06.09 topbar는 255인데 얘는 243이라서 색상 맞춤*/
}
body.lightMode #excel_sheet_button .prev_sheet:hover, body.lightMode #excel_sheet_button .next_sheet:hover{opacity:1}

body.lightMode .bookmark_name {
	color:black;
}

/* PC Wrapper[이미지] 영역 */
body.lightMode #wrapper {
	/* 현재 wrapper의 배경색은 커스텀사항 발생으로 js에서 배경색을 처리한곳이 존재, light모드 들어왓을 땐 important처리 */
	background-color:rgb(223,223,223) !important;
}
body.lightMode #eBook-wrapper {
	background-color:rgb(223,223,223) !important;
}
body.lightMode .bookmark_wrap:hover {
	background-color: rgb(222,237,245);
}

body.lightMode #loading_bg .converting, body.lightMode #loading_bg .searching, body.lightMode #loading_bg .textextracting
, body.lightMode #loading_bg .downfilecheck, body.lightMode #loading_bg .downfilecreate {
	color: black;
}

/*이지연 추가*/
.lightMode .TopChangeZoomDIV > button{background-color: rgb(236,236,236); border:1px solid rgb(181,181,181)}
.lightMode .TopChangeZoomDIV > button:hover{background-color:rgb(256,256,256)}
.lightMode .search_result_prev, .lightMode .search_result_next{background-color:rgb(242,242,242)}
.lightMode .side_content_main{border-right: 1px solid rgb(181,181,181)}
.lightMode .search_page_li{background-color: rgb(242,242,242)}
.lightMode #search_result_list > li:hover{background-color: rgb(222,237,245)}
.lightMode .lightMode #page_text{color:rgb(53,53,53)}
.lightMode .lightMode #page_text:hover{color:rgb(35,35,35)}
.lightMode #sidebar.active{border:0}
.lightMode #search_result_list > li:hover, .lightMode #contents_list > li:hover, .lightMode #user_contents_list > li:hover{background: rgb(222,237,245);}
.lightMode #thumbnail_list > li:hover{background:rgb(236,236,236)}
.thumbnailimg > img.active {border: 2px solid #18a2ff;}
.thumbnailimg > img{border:1px solid rgb(181,181,181)}
.lightMode .search_hilight_text{color:#f00}
.lightMode .Historylist:hover{background-color:rgb(236,236,236)}
.lightMode .Historylist{border-bottom: 1px solid rgb(220,220,220)}
body.lightMode #scale_selector svg{color:rgb(64,64,64)}
.lightMode #multi_sheet_info_list > li:hover, .lightMode #contents_list > li:first-child:hover{background:rgb(236,236,236)}
.lightMode #multi_sheet_info_list > li{border-bottom: 1px solid rgb(220,220,220);}
.lightMode .search_result_prev:hover, .lightMode .search_result_next:hover{background-color:rgb(222,237,245);}
.lightMode .frame{background-color:rgb(243,243,243);  border-top:1px solid rgb(181,181,181);}
.lightMode #excel_sheet > .active{color:rgb(255,255,255);}
.lightMode .frame ul li{color:rgb(64,64,64)}
.lightMode .frame ul li{border-right:1px solid rgb(181,181,181);}
.lightMode #search_text::placeholder{color:rgb(136,136,136)}
.lightMode .topNavSliceLine {background:rgb(181,181,181);}
.lightMode #wrapper.fullScreenMode > .pageRemoteControl{background-color: rgba(70,70,70,1);}
.lightMode .fileext_icon:hover{background:rgb(243,243,243)}
.lightMode .viewModeBtn:hover, body.lightMode #rotation_left:hover , body.lightMode #rotation_right:hover, body.lightMode #selposition_zoom_btn:hover {background-color:rgb(230 241 249)}
.lightMode #page_text_list > li{opacity:1}
.lightMode #page_text_list > li:hover{background:rgb(222,237,245)}

.lightMode .ViewModeWrapper > button:hover {
	background-color: rgba(235,235,235,1) !important;
}
.lightMode .viewModeBtn.selectMode {
	background-color: rgba(235,235,235,1) !important;
}

/* loading background */
body.lightMode #loading_bg .converting {
	color: #000 !important;
}

body.lightMode #loading_bg{
	background-color:#f5f5f5 !important;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/* Mobile header */
body.lightMode .fixed-top.mobileHeader {
	background-color: rgba(255,255,255);
	height:45px;
}
body.lightMode .mobile_historyBack{
	background: url(/view/resources/img/lightViewer/btnm_back-df160b2ade5c3405843dbd47bbb4b65f.svg) no-repeat;
	background-size:20px;
	background-position:0% 55%;
}
body.lightMode #mobile_rotation_right {
	background:url(/view/resources/img/lightViewer/btn_turn_right-54b952b4d75394ce848b73694e72ea5f.svg) no-repeat;
	background-size:19px;
	background-position:50%;
}
body.lightMode #mobile_rotation_left {
	background:url(/view/resources/img/lightViewer/btn_turn_left-75031191679459771499f39c589b66e2.svg) no-repeat;
	background-size:19px;
	background-position:50%;
}
body.lightMode #page_select {
	color:black;
}

body.lightMode .mobileSearchWrapper .search_result_prev > img, body.lightMode .search_result_next > img {
	display:none;
}


bodt.lightMode #pageinfonum{
	background-color: rgb(255,255,255);
}

body.lightMode #pageNumInput{
	background-color: rgb(255,255,255);
}

body.lightMode .pcTotPage{
	color: rgb(64,64,64);
}

/*#### Scrollbar Custom ####*/
/*Chrom Scrollber*/
body.lightMode .side_content_main > ul::-webkit-scrollbar, body.lightMode #search_result_list::-webkit-scrollbar/*  , #thumbnail_list::-webkit-scrollbar */  {
	background-color:rgba(0,0,0,0);
	width:6px;
}
body.lightMode .side_content_main > ul::-webkit-scrollbar-thumb, body.lightMode #search_result_list::-webkit-scrollbar-thumb/*  , #thumbnail_list::-webkit-scrollbar */ {
	/*background-color:#1f1e1e;*/
	background-color:rgba(128, 128, 128, 1);
	border-radius:5px;
}

/*IE Scrollber*/
body.lightMode .side_content_main > ul, body.lightMode #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 ####*/

body.lightMode .call_zipList.highlight, body.lightMode .multiList_li.highlight, body.lightMode .mobileMulti.highlight{
	background-color: rgba(121,138,151,1);
}

body.lightMode #magnifierBtn.active{
	background: url(/view/resources/img/btn_readingGlasses-1ae89b872e55d29a975ac378d9952d82.svg) no-repeat 50% 50%;
	background-color:rgb(16,173,255);
}