html, body{font-family: 'Noto Sans KR', 'Poppins', sans-serif;}
/* 하예든이 커스텀한 e-book design */

/* ebook header custom */
.ebook_header{width:100%;height:auto; background-color: #fff; padding:14px 0; border-bottom:1px solid #e1e1e1;}
.ebook_header .boundary{padding:0 40px; display: flex; align-items: center;}

/* header logo */
.ebook_logo img{width:65px;}

/* body bg color */
body{background:#e6e6e6 !important;}

.ebook_header_fuction_wrap{display:flex; margin:0 auto;}


/* page btn */
.ebook_header_btn{display:flex;}
.header_btn{margin:0 10px; cursor: pointer;}
.header_btn > input{display:none; width:0; border:0; height:0; padding:0; margin:0;}
.header_btn > .btn_wrap{display:flex; flex-direction: column;     align-items: center;}
.header_btn > .btn_wrap  i{font-size:14px; padding-top:4px;} /* 이전, 다음 text */
.header_btn > .btn_wrap img{width:24px;} /* btn img size */


/* page player */
.ebook_header_download input{background:#169e3d; border:0; color:#fff; font-size:16px; border-radius: 2px; padding:4px 12px;
    background-image: linear-gradient(to right, #cb1919 0%, #681919 120%); cursor: pointer;}
.ebook_header_play{margin:0 30px 0 30px;}
.ebook_header_play label{ display:flex; flex-direction: column; align-items: center;}
.ebook_header_play img{width:26px; cursor: pointer;}
.ebook_header_play i{font-size:14px; padding-top:4px;}



/* range */
.header_slide_range{display: flex; align-items: center;}

/* 초를 나타내는 sec */
.header_slide_range .sec_container{padding-left:12px; width:60px;}
.header_slide_range #range_name{vertical-align: middle; color:#222222; font-weight: 700; font-size:14px;}

/* 페이지 본문 */
.flipbook-viewport .container{position: relative;}
/* .flipbook-viewport .container .flipbook{z-index: -1;} */

/* flipbook 페이지 내 btn button 위치 */
.flipbook-viewport .flipbook_btn{position: absolute; top:45%; transform: translateY(-50%); opacity: 0; z-index: 999;}
.flipbook-viewport .flipbook_btn.prev_btn{left:0;}
.flipbook-viewport .flipbook_btn.next_btn{right:0;}
/* flipbook 페이지 내 btn button 영역 */
.flipbook-viewport .flipbook_btn input{width:200px; height:580px; cursor: pointer;}
/* .flipbook-viewport .page{background-size: auto!important;} */
.flipbook-viewport .flipbook .page-wrapper{width: 100%!important;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

input[type="range" i] {margin:0; padding:0; border:0;}
.header_slide_range > div{}
.header_slide_range .slider {-webkit-appearance: none; height: 22px; background: #f1f1f1; width:100%; outline: none; }
.header_slide_range .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; background: #aaa;
    cursor: pointer;}
.slider::-webkit-slider-thumb:hover{background:#222222;}
.header_slide_range .slider::-moz-range-thumb {width: 18px; height: 18px; background: #aaa; cursor: pointer;}
}

@media screen and (max-width:1023px){
    .ebook_header .boundary{display: block; padding: 0 8px;}
    .header_btn > .btn_wrap i,.ebook_header_play i{font-size: 12px; text-align: center;}
    .header_slide_range{display: block;}
    .ebook_header_fuction_wrap{justify-content: space-between; margin: 12px 0;}
    .header_btn{margin:0; margin-right: 20px;}
    .ebook_header_download{text-align: right;}
    
}

@media screen and (max-width:500px){
    .ebook_header_play i{display: none;}
}