/*--------------------------------------------------------------------------------------------------
maincss  jr
date : 20240726
--------------------------------------------------------------------------------------------------*/
 body{ position:  inherit;
   -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none; }

/* 왼쪽 페이지 */
.even .page_center_gradient {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:-webkit-linear-gradient(left,transparent 94%, rgba(0, 0, 0, 0.12) 100%);
	background-image: linear-gradient(to right, transparent 94%, rgba(0, 0, 0, 0.12) 100%);
}

/* 오른쪽 페이지 */
.odd .page_center_gradient {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:-webkit-linear-gradient(right,transparent 94%, rgba(0, 0, 0, 0.15) 100%);
	background-image:linear-gradient(to left, transparent 94%, rgba(0, 0, 0, 0.15) 100%);
}

.page_center_gradient {
	position:absolute;
	width:100%;
	height:100%;
}
/* 음영 넣었을때  */
.ebookpagecomp {z-index: 10;}  
textarea.ebookpagecomp{background-color: transparent; border: none;  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;}
textarea.ebookpagecomp:focus{outline: none;}
.slideframe .page {background-color: #ffffff;}
.skin05 ~ #pageview .slideframe {top : 50% !important; height: 96% !important; }
.skin05 ~ #pageview_m .slideframe {top : 50% !important; height: 96% !important; }


/* 모바일 링크관련  */
.next-button,
.previous-button  {  
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

/* 메뉴버튼 선택 유무관련 메뉴 위치 정리   */
 #menu_center img.menuobjects { position: relative; right: auto !important; margin: 0 10px;}
 #bottom_center {text-align: right;} 
 #bottom_center img.bottomobjects{ position: relative; right: auto !important; margin: 10px;}


/*  확대 슬라이더    */
#control {  position: absolute;   right:  0px;      text-align: left;  z-index: 10;  width:  60px;   height:  200px;
  top: 50%;   margin-top: -100px;  text-align: center; }

#control .ui-slider {  margin: 10px auto;  height: 100px !important;  background: #d7dcdf !important;  width: 10px !important; border-radius: 10px; }
#control .ui-widget-header {background: #2c3e50 !important;}
#control .ui-state-default { width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 50%; background: #fff; cursor: pointer; -webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out; }
#control  .ui-state-default:hover { background: #1abc9c; }
#control .ui-slider-vertical .ui-slider-handle {margin-left: -1px;} 
#control .scalebox {   display: inline-block;	width: 35px; 	margin: auto;     position: relative;    color: #fff;    line-height: 20px;    text-align: center;    border-radius: 3px;    background: #5e92c5;    padding: 5px 0px;
	margin-top: 4px;	font-size:  11px; }
#control span.plus  {display: block; width: 35px; border-radius : 4px; background: #464646; color: #ffffff; font-size: 24px; line-height: 30px; font-weight: bold; text-align: center; margin: auto; cursor: pointer;}
#control span.minus  {display: block; width: 35px; border-radius : 4px; background: #464646; color: #ffffff; font-size: 24px; line-height: 30px; font-weight: bold; text-align: center;  margin: auto; cursor: pointer;}
#control .closezoom {display: block; width: 35px; border-radius : 4px; background: #464646; color: #ffffff; font-size: 24px; line-height: 30px; font-weight: bold; text-align: center; margin: auto; cursor: pointer; margin-top: 4px;}
.ismobile {display:none;}


#pageframe {   
     -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
#pageview {overflow: visible;} 
#pageview_m {width: 100%;}


@media screen and (max-width: 768px){	
	#pageframe {   
		-webkit-transition: all 0.002s ease-in-out 0s;
		-moz-transition: all 0.002s ease-in-out 0s;
		-ms-transition: all 0.002s ease-in-out 0s;
		-o-transition: all 0.002s ease-in-out 0s;
		transition: all 0.002s ease-in-out 0s;}
}

@media screen and (max-width: 1280px){	
	  #bookclip { transform-origin: top left;    transform: scale(0.8);}
}

/* 목차창   */
.tablelist ul	{ width:100%; height: calc(100% - 50px) ; overflow-y:auto; padding:0px; margin:0px; list-style-type:none;  }
.tablelist li.contents	{ cursor:pointer;  border-bottom:0px; }
.tablelist li.contents:hover	{	/*border-top:0px solid #F0F0F0; border-bottom:0px solid #E2E2E2; */ }
.tablelist li p			{ margin:0.5em auto; padding-left:1em; padding-right:1em; font-size:0.9em; color:#7C8187; }
.tablelist li span	{ float:right; color:#39C; display: none; }
.tablelist .topmemu:after{ content:""; display: block; width:10px; height:10px; border-top:2px solid #333; border-right:2px solid #333;   /* 목록에 서브메뉴 화살표 */
 -webkit-transform: rotate(45deg); transform: rotate(135deg); position: absolute; right:10px; top: 14px; }


.tablelist[hastree='false'] ul	{ width:100%; height:100%; overflow-y:auto; padding:0px; margin:0px; list-style-type:none; border: 1px solid #E6E6E6; background: #EBEBEB; }
.tablelist[hastree='false'] li.contents	{ cursor:pointer; border-top:1px solid #F0F0F0; border-bottom:1px solid #E2E2E2;   }
.tablelist[hastree='false'] li.contents:hover	{	border-top:1px solid #F0F0F0; border-bottom:1px solid #E2E2E2; }
.tablelist[hastree='false'] li p			{ margin:0.5em auto; padding-left:1em; padding-right:1em; font-size:0.9em; color:#7C8187; }
.tablelist[hastree='false'] li span	{ float:right; color:#39C; display: none; }

/*--------------------------------------------------------------------------------------------------
목차 창 - tree mokcha
*/
div.tablelist[hastree='true'] { background: #f1f1f1; }
div.tablelist[hastree='true'] ul { border:0;  list-style-type: disc; margin-block-start: 0em; margin-block-end: 0.0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; line-height: 0.5em; /**line-height: 10%;*/ }
div.tablelist[hastree='true'] ul li.contents { display: block; text-align: -webkit-match-parent; padding: 0px 25px 0px 15px;     word-break: keep-all; border-top: 1px solid #E2E2E2; margin: 0; position: relative; vertical-align: top; }
div.tablelist[hastree='true'] ul li.contents  .contents {    padding: 0 0px 0 10px;}
div.tablelist[hastree='true'] ul li.contents:hover {border-bottom: 0;}
div.tablelist[hastree='true'] ul li:focus.contents {background-color: #EBEBEB;}  
div.tablelist[hastree='true'] ul li.contents p	{ font-size:0.8em; color:#7C8187;  padding: 5px 0; line-height: 20px;  }
div.tablelist[hastree='true'] ul li.contents p:hover { cursor:pointer; color:#990033; border-bottom: 0px;}
/*div.tablelist[hastree='true'] li:focus.contents > p { color:#990033;  } */
div.tablelist[hastree='true'] ul li.contents span	{ display: none; }
div.tablelist[hastree='true'] ul li.contents > ul	{ display: none; }


/*검색창 수정 */
.searchlist li.header { border: 0; padding: 10px 2px; margin: 0;}
.searchlist li.header input.search_text {height: 2.5em;}
div.searchlist {border-right-width : 0px;}
div.bookmarklist {border-right-width : 0px;}


/* 스크롤바 디자인 설정 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}


/* 유튜브 반응형 */
.embed_youtube {    position: relative;    width: 100%;    height: 0;  }
.embed_youtube iframe {    position: absolute;    top: 0 !important;    left: 0  !important;    width: 100%;    height: 100%  !important;}
#modal_wrap video { visibility: visible !important;  }
#modal_wrap .embed_youtube {width: 80%; height: auto;     max-width: 100%;    max-height: 800px;
    top: 50% !important;    left: 50% !important;    transform: translate(-50%, -50%);    visibility: visible !important; }

@media screen and (max-width: 768px){	
	#modal_wrap .embed_youtube {max-width: 90%;}
}

/*북마크 크기지정 */
.pageview img.bookmark{max-width: 35px;}
.bookmarklist li.contents {overflow: hidden;}

/* 지난호보기 수정 */
#booklist {position: relative; }
#booklist > div {position: absolute; right: 10px; bottom: 40px; z-index: 100;}
#booklist > div a {padding: 5px 10px; background-color: #333333; color: #ffffff; width: 140px; font-size: 12px; margin-bottom: 3px; text-align: left; text-decoration: none; }
#booklist > div a:first-child{display:none;}

#bookclip {z-index: 7}
#quick_page {font-family: 'OpenSans', sans-serif;}

/* 인쇄 방향 옵션 */
@page { size: auto; }