/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.4
 *
 * Originally based on the work of:
 *	1) Charles Mangin (http://clickheredammit.com/pageflip/)
 */
.booklet         {width:1200px !important; height:800px !important; position:relative; margin:0 auto; overflow:visible !important;/*border:1px solid #ddd;*/}
.booklet .b-page {display:inline-block;left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:0px solid rgba(0,0,0,0);}

.booklet .b-pN  {}
.booklet .b-p0  {}
.booklet .b-p1  {}
.booklet .b-p2  {}    
.booklet .b-p3  {}
.booklet .b-p4  {}
   
/* Page Wrappers */
.booklet .b-wrap       {top:0; position:absolute;}
.booklet .b-wrap-left  {background:#f3f3f3;}
.booklet .b-wrap-right {background:#fafafa;/*border-left:1px solid #ddd;*/}

.booklet .b-pN .b-wrap,
.booklet .b-p1 .b-wrap,
.booklet .b-p2 .b-wrap,
.booklet .b-p3 .b-wrap,
.booklet .b-p4 .b-wrap  {left:0;}
.booklet .b-p0 .b-wrap  {right:0;}

/* Custom Page Types */
.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
.booklet .b-page-cover h3  {color:#fff; text-shadow:0 1px 3px #222;}

/* Page Numbers */
.booklet .b-counter {bottom:10px; font-weight:bold;position:absolute; display:block; width:26px; height:26px; line-height:26px; border-radius:12px;background:#333; color:#fff; text-align:center; font-size:12px;opacity:0.9;}
.booklet .b-wrap-left  .b-counter  {left:10px;}
.booklet .b-wrap-right .b-counter {right:10px;}

/* Page Shadows */
.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url(); background-repeat:repeat-y; background-position:100% 0;}
.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url();    background-repeat:repeat-y; background-position:0 0;}

.booklet .b-p0 {background-image:url(""); background-repeat:repeat-y; background-position:100% 10px;}
.booklet .b-p3 {background-image:url(""); background-repeat:repeat-y; background-position:0 10px;}

/* Overlay Controls */
.booklet .b-grab     {cursor: url(""), default;}
.booklet .b-grabbing {cursor: url(""), default;}

/* Overlay Controls */
.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
.booklet .b-overlay-prev {left:0;}
.booklet .b-overlay-next {right:0;}

/* Tab Controls */
.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
.booklet .b-tab-prev   {left:-1px;cursor:hand;}
.booklet .b-tab-next   {right:-1px;cursor:hand;}
.booklet .b-tab:hover  {background:#aaa; color:#000;}	

/* Arrow Controls */
.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
.booklet .b-arrow-next     {right:-80px;}
.booklet .b-arrow-prev     {left:-80px;}

.booklet .b-arrow-next div {/*float:left;background:red url("/images/main/arrow_right.jpg") no-repeat left top;*/}
.booklet .b-arrow-prev div {/*float:right;background:blue url("/images/main/arrow_left.jpg") no-repeat left top;*/}

/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

body              {z-index:0;}
.b-menu           {z-index:100;}
.b-selector       {z-index:100;}
.booklet          {z-index:10;}
.b-pN             {z-index:10;}
.b-p0             {z-index:30;}
.b-p1             {z-index:20;}
.b-p2             {z-index:20;}
.b-p3             {z-index:30;}
.b-p4             {z-index:10;}
.b-prev           {z-index:40;}
.b-next           {z-index:40;}
.b-counter        {z-index:40;}
	
/* @Menu Items
----------------------------------------*/
.b-menu {height:40px; padding:0 0 10px;}

.b-selector             {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
.b-selector-page        {width:auto; margin-left:15px;}
.b-selector-chapter     {width:auto;}

.b-selector:hover            {color:#fff; background-position:left 0;}
.b-selector:hover .b-current {background-position:right 0;}
.b-selector ul               {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
.b-selector li               {border:none;}
.b-selector a                {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
.b-selector a .b-text        {float:left; clear:none;}
.b-selector a .b-num         {float:right; clear:none;}
.b-selector a:hover          {color:#fff;}

/* ---------------------------------------- */
/* 커스텀 - 별도추가 클래스 */
/* ---------------------------------------- */
.bookheader2 {width:100%;height:40px;border-bottom:1px solid #ddd;}
.bookheader3 {position:fixed;z-index:20000;width:40px;height:100%;left:100%;top:0;margin-left:-40px;background-color:#fff;border-left:1px solid #ddd;}

.bookheader {width:100%;height:30px;margin:20px 0 0px 0;display: flex;justify-content: space-between;}
.bookheader .bookTitle {float:left;width:910px;height:30px;color:#333;font-size:23px;font-weight:600;letter-spacing:-1px;/*background-color:blue;*/}
.bookheader .bookInfo  {float:right;width:1200px;height:30px;text-align:right;/*background-color:blue;*/}
.bookheader .bookInfo ul {list-style: none;}
.bookControl .periodsliderprev {position:absolute;top:calc(50% - 50px);/*height:32px;*/width:50px;z-index:2100;left:50%;margin-left:-660px;}
.bookControl .periodslidernext {position:absolute;top:calc(50% - 50px);/*height:32px;*/width:50px;z-index:2100;right:50%;margin-right:-660px;}	
.bookbody {width:1200px;margin:0 auto;z-index:1000;}
ul.bookIndex {font-size:20px;margin:50px 0 0 50px;list-style: none;}
ul.bookIndex li {height:36px;}

.TopIcon {}
.TopIcon>ul {width:30px;position:absolute;top:20px;margin-left:4px;}
.TopIcon>ul li {width:30px;height:40px;text-indent:-9999px;}
.TopIcon>ul li.bookhomeBtn {background:url('/book/images/book_home.jpg') center center no-repeat;background-size: 22px 22px;}
.TopIcon>ul li.bookBigViewBtn {background:url('/book/images/book_bigview.jpg') center center no-repeat;background-size: 22px 22px;}
.TopIcon>ul li.booksmallViewBtn {background:url('/book/images/book_smallview.jpg') center center no-repeat;background-size: 22px 22px;}
.TopIcon>ul li.bookFullscreenBtn {background:url('/book/images/book_fullscreen.jpg') center center no-repeat;background-size: 22px 22px;}
.TopIcon>ul li.bookPrintBtn {background:url('/book/images/book_print.jpg') center center no-repeat;background-size: 22px 22px;}

#viewDrag {display:block;position:absolute;/*position:fixed;*/z-index:11000;margin:0 auto;width:180px;height:150px;background-color:#f2f2f2;border-radius:8px;border:1px solid #ddd;opacity:0.8;}
#viewDrag .keyboardimg {margin:15px auto 0 auto;width:150px;height:103px;background:url("/book/images/arrow_keyboard.png") center center no-repeat;background-size:cover;}
#viewDrag .keyboardtxt {margin:5px auto 0 auto;height:15px;text-align:center;}


/*툴팁*/
.toast {width:100px !important;text-align:center;padding: 0 10px;margin:10px 0 0 -50px !important;text-align:center;border:none !important;opacity:0.7;font-weight:normal;}
.toast .info {height:30px !important;line-height:30px !important;background-color:#333333 !important;color:#fff !important;border:none;font-size:12px;}

#mybook .pagestep {page-break-before:always;height:100% !important; /*인쇄-강제페이지나눔*/}


.notosans {font-family:'Noto Sans KR',sans-serif;}
.pageTitle {display:hidden;text-align:center;font-weight:700;height:50px;/*margin:34px auto 15px auto;background-color:blue;*/}
.pagegoods {clear:both;overflow:hidden;width:100%;}

.booklet .b-wrap-left .pagegoods>ul	{margin-left:29px;width:551px;}
.booklet .b-wrap-right .pagegoods>ul {text-align:right;margin-left:20px;width:551px;}

.txt_post {display:-webkit-box;display:-ms-flexbox;display:box;margin-top:1px;max-height:40px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.pagegoods>ul>li {float:left;height:199px;width:171px;margin-top:13px; border:2px solid #ffffff;margin-right:13px;}
.pagegoods>ul>li:nth-child(1) {margin-top:0;}
.pagegoods>ul>li:nth-child(2) {margin-top:0;}
.pagegoods>ul>li:nth-child(3) {margin-top:0;}
.pagegoods>ul>li:nth-child(3n) {margin-right:0;}
.pagegoods>ul>li>.goodsImg {overflow:hidden;width:171px;height:94px;margin:0px auto 0 auto;}
.pagegoods>ul>li>.goodsImg .picon {float:right;margin:10px; width:30px;height:20px;border-radius:10px;font-weight:bold;font-size:11px;line-height:20px;text-align:center;/*letter-spacing:-1px;*/background-color:#fff;color:#333333;}
.pagegoods>ul>li>.goodsImg .overicon {float:right;position:absolute;top:10px;}

.pagegoods>ul>li>.bookGoodsInfo {/*background-color:blue;*/background-color:#fff;height:105px;}
.pagegoods>ul>li>.bookGoodsInfo .goodsTitle {width:calc(100% - 10px);height:32px;/*white-space:*/margin:0 auto;padding-top:7px;text-align:left;color:#2d2d2d;font-size:12px;font-weight:600;}
.pagegoods>ul>li>.bookGoodsInfo .goodsInclude {width:calc(100% - 10px);height:30px;margin:0 auto;padding-top:0px;text-align:left;color:#2d2d2d;font-size:12px;}

.pagegoods>ul>li>.bookGoodsInfo .subInfo {text-align:left;margin:5px 5px 0px 5px;}
.pagegoods>ul>li>.bookGoodsInfo .subInfo .periodinfo {float:left;text-align:left;width:48px;}
.pagegoods>ul>li>.bookGoodsInfo .subInfo .periodinfo .icon {width:48px;height:20px;border-radius:10px;font-size:11px;line-height:21px;text-align:center;letter-spacing:-1px;background-color:#6C7272;color:#fff;}
.pagegoods>ul>li>.bookGoodsInfo .subInfo .goodsPrice {float:left;width:112px;text-align:right;color:#f2312c;font-size:15px;font-weight:700;}
.pagegoods>ul>li>.bookGoodsInfo .subInfo .goodsPrice .unit {color:#2d2d2d;font-size:13px;font-weight:normal;}

ul.ajaxIndex {width:100%;}
ul.ajaxIndex li {float:left;width:240px;height:36px;line-height:36px;border-bottom:dashed 1px #ACA89C;}
ul.ajaxIndex li:nth-child(2n) {margin-left:20px;}

.leisure {clear:both;float:left;overflow:hidden;width:540px;/*background-color:red;*/}
.leisure>ul {width:100%;border:none;margin-top:30px;}
.leisure>ul>li {float:left;width:260px;height:85px;margin-bottom:30px;}
.leisure>ul>li:nth-child(2n) {margin-left:20px;}
.leisure>ul>li .leisureimg {float:left;width:110px;height:80px;}
.leisure>ul>li .leisureinfo {float:left;width:140px;height:170px;margin-left:10px;}
.leisure>ul>li .leisureinfo ul {margin:5px 0 0 0;}
.leisure>ul>li .leisureinfo .title {text-align:left;font-size:15px;font-weight:bold;}
.leisure>ul>li .leisureinfo .addr {width:100%;text-align:left;margin-top:10px;}
.leisure>ul>li .leisureinfo .phoneicon {display:inline-block;width:19px;height:19px;background:url("/book/images/icon_phone1.jpg") center center no-repeat;background-size:100%;}
.leisure>ul>li .leisureinfo .phoneNo {display:inline-block;height:19px;line-height:19px;margin: 0 0 0 5px;}