@charset "utf-8";
/******************************************************************************************************************************************************/
/**********************************************************	bookcube web publisher Cha Nam Il *********************************************************/
/***************************************************************** mobiwoos@naver.com *****************************************************************/
/******************************************************************************************************************************************************/

@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 800;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans Med';
    src: url('./fonts/NotoSans-Medium.eot');
    src: url('./fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/NotoSans-Medium.woff') format('woff'),
        url('./fonts/NotoSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


#skipNavi{position:relative}
#skipNavi a{display:block;overflow:hidden;width:1px;height:1px;margin-bottom:-1px;background-color:#252525;font-size:12px;font-weight:bold;color:#FFF;text-align:center;white-space:nowrap;}
#skipNavi a:focus,#skipNavi a:active{width:100%;height:auto;padding:8px 0px;}


.no{padding:100px 0;text-align:center;font-size:14px;font-weight:600;color:#333;line-height:1.6;}
.mypage .no{border-bottom:1px solid #f4f4f4;}
.customer .no{border-bottom:1px solid #f4f4f4;}
.nobo{border-bottom:none !important;}
/* 체크박스 커스텀 */
.checkbox{position:relative;display:inline-block;height:20px;}
.checkbox label{min-height:20px;cursor:pointer;display:inline-block;max-width:100%;}
.checkbox label input[type='checkbox']{display:none;padding:0;}
.checkbox span{position:relative;display:inline-block;border:1px solid #a9a9a9;width:20px;height:20px;cursor:pointer;box-sizing:border-box;background:#fff;}
.checkbox span i{left:-1px;top:-2px;display:inline-block;transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .3s ease-in;position:absolute;display:inline-block;}
.checkbox span i:before{display:inline-block;content:"";box-sizing: border-box;width:20px;height:20px;background:url(/images/main/checkbox.png) no-repeat center center;}
.checkbox label input[type="checkbox"]:checked + span > i{transform:scale(1) rotateZ(0deg);opacity:1;}
.checkbox label input[type="checkbox"]:checked + span{border-color:#f26532;}
.checkbox label input[type=checkbox]:disabled + span{background:#e6e6e6;border-color:#bdbdbd;cursor:default;}

/* 이펙트 버튼 */
.effect-btn{position:relative;transition:all 0.3s ease;overflow:hidden;z-index:0;}
.effect-btn:before{content:"";width:100%;height:100%;position:absolute;background:#ea4509;top:-100%;left:0;transition:all 0.3s ease;opacity:.4;z-index:-1;}
.effect-btn:after{content:"";width:100%;height:100%;position:absolute;background:#ea4509;top:-100%;left:0;transition:all 0.3s ease;transition-delay:.3s;z-index:-1;}
.effect-btn:hover:before{top:0;}
.effect-btn:hover:after{top:0;}


/* 스페셜버튼 */
.s-btn{position:relative;transition:.5s;overflow:hidden;}
.s-btn span{position:absolute;width:100%;height:100%;background:rgba(242,100,50,.6);transition:.5s;z-index:-1;}
.s-btn span:nth-child(1){top:-100%;left:-100%;}
.s-btn span:nth-child(2){bottom:-100%;left:-100%;}
.s-btn span:nth-child(3){top:-100%;right:-100%;}
.s-btn span:nth-child(4){bottom:-100%;right:-100%;}
.s-btn:hover{color:#fff !important;z-index:1;border:1px solid #ea4d14;}
.s-btn:hover span:nth-child(1){top:0;left:0;}
.s-btn:hover span:nth-child(2){bottom:0;left:0;}
.s-btn:hover span:nth-child(3){top:0;right:0;}
.s-btn:hover span:nth-child(4){bottom:0;right:0;}


/* 일반 버튼 커스텀 */
.btn{text-align:center;color:#333;padding:0 8px;border:1px solid #c1c1c1;box-shadow:0 2px #f2f2f2;font-size:13px;line-height:23px;border-radius:4px;font-weight:600;}

/* select 커스텀 */
.arrayBox{text-align:center;padding:0 10px;border:1px solid #cdced1;position:relative;}

.arrayBox .s-result{display:inline-block;color:#333;font-size:14px;font-weight:600;padding:8px 0;padding-right:30px;background:url(/images/array-bg.png) no-repeat right center;}
.arrayBox .s-result.one{background:none;}
.arrayBox .s-result a:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);}
.arrayBox ul{display:none;position:absolute;left:0;top:110%;width:160px;background:#fff;border-radius:6px;z-index:14000;overflow:hidden;text-align:left;border:1px solid #f26532;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);}
.arrayBox ul li a{padding-left:40px;display:block;line-height:40px;border-top:1px solid #f3f3f4;font-size:16px;box-sizing:border-box;font-weight:600;}
.arrayBox ul li a.on{background: url(/images/radio_on.png) no-repeat 14px center;}
.arrayBox ul li:hover{background:#f4f4f4;}
.arrayBox ul li a.on{color:#f26532;}



/* 라디오버튼 커스텀 */
.k-array{}
.k-array:after{content:"";display:block;clear:both;}
.k-array input[type='radio']{position:absolute;left:-9999px;width:17px;height:17px;}
.k-array label{display:block;margin-left:20px;line-height:50px;height:50px;float:left;text-align:center;font-weight:600;font-size:14px;cursor:pointer;}
.k-array label .radio_on{padding-left:20px;display:inline-block;height:50px;background:url(/images/radio_on.png) no-repeat left center;}
.k-array label .radio_off{padding-left:20px;display:inline-block;height:50px;}
.k-array label .radio_on em{color:#f26532;}
.k-array label .radio_off em{color:#333;}



.rm_br:after{display:block;position:absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 10;border:1px solid rgba(0, 0, 0,0.2);content:"";border-radius:8px;}


header{border-bottom:1px solid #d1d8e4;}
.header-top{width:100%;height:140px;}
.header-top-inner{width:900px;margin:0 auto;padding-top:33px;}
.h-top{height:43px;position:relative;}
.h-top:after{content:"";display:block;clear:both;}
.h-top .logo{float:left;margin-top:3px;margin-left:87px;width:163px;height:36px;}
.h-top .logo a{display:block;width:100%;height:100%;background:url(/images/main/bookcube_logo.png) no-repeat left center;text-indent:-9999px;}
.h-top .search{float:left;margin-left:18px;border:2px solid #f26532;width:364px;height:42px;padding-left:20px;box-sizing:border-box;border-radius:40px;}
.h-top .search:after{content:"";display:block;clear:both;}
.h-top .search input[type='text']{float:left;height:38px;border:none;width:302px;line-height:38px;box-sizing:border-box;font-size:16px;color:#333;font-weight:600;}
.h-top .search input[type='button']{float:left;height:38px;background:url(/novel/images/novel/search-btn.png) no-repeat center center;width:24px;border:none;cursor:pointer;}
.my-lnb{float:left;}
.my-lnb:after{content:"";display:block;clear:both;}
.my-lnb li{float:left;margin-left:20px;margin-left:18px \0/IE9;height:42px;text-align:center;position:relative;}
.my-lnb li a{displaY:inline-block;padding-top:28px;color:#b4b4b4;font-size:14px;line-height:1;}
.my-lnb li:nth-child(1){background:url(/novel/images/novel/logout.png) no-repeat center 4px;}
.my-lnb li:nth-child(2){background:url(/novel/images/novel/my.png) no-repeat center 4px;}
.my-lnb li:nth-child(3){background:url(/novel/images/novel/basket-icon.png) no-repeat center 4px;}
.my-lnb li:nth-child(4){background:url(/novel/images/novel/alarm-icon.png) no-repeat center 4px;}
/* 알리미 */
.alarm_layer_box{position:absolute;top:45px;right:-10px;z-index:200;}
.alarm-layer-box{}
.alarm-wrap{/*display:none;margin:0 auto;margin-top:17px;*/position:relative;background:#fff;border:1px solid #ff6633;border-radius:4px;box-shadow:0px 3px 5px 3px rgba(0,0,0,0.2);width:420px;box-sizing:border-box;}
/*.alarm-dot{display:block;position:absolute;top:-17px;right:38px;width:24px;height:17px;background:url(/images/main/alarm-dot.png) no-repeat left center;z-index:300;}*/
.alarm-dot{position:relative;margin-left:370px;margin-bottom:-3px;display:block;width:24px;height:17px;background:url(/images/main/alarm-dot.png) no-repeat left center;z-index:300;}
.alarm-inner{border:2px solid #ff9966;position:relative;box-sizing:border-box;}
.alarm-inner h3{text-align:center;color:#f26532;line-height:49px;font-weight:600;font-size:18px;}
.alarm-inner .alarm-ps{background:#f4f4f4;padding:18px 30px 18px 37px;}
.alarm-inner .alarm-ps > ul > li{font-size:12px;color:#666;line-height:18px;font-weight:600;}
.alarm-inner .alarm-ps > ul > li span{display:block;padding-left:14px;}
.alarm-inner .alarm-all-check{height:40px;padding:7px 17px;box-sizing:border-box;}
.alarm-inner .alarm-all-check:after{content:"";display:block;clear:both;}
.alarm-inner .alarm-all-check .checkbox{float:left;padding-top:4px;margin-right:18px;}
.alarm-inner .alarm-all-check a{transition:all ease 1s;display:block;float:left;border:1px solid #c1c1c1;line-height:24px;height:26px;box-sizing:border-box;padding:0 8px;text-align:center;color:#333;font-size:13px;
font-weight:600;box-shadow:0 2px #f2f2f2;border-radius:4px;float:right;}
/*.h-top .alarm-inner .alarm-all-check a:hover{border-color:#f26532;}*/
.alarm-inner ul{}
.alarm-inner > ul li{display:table;width:100%;padding:7px 17px;border-top:1px solid #f4f4f4;box-sizing:border-box;overflow:hidden;}
.alarm-inner > ul li .checkbox{width:20px;display:table-cell;vertical-align:middle;}
.alarm-inner > ul li .alarm-info{display:table-cell;padding-left:18px;vertical-align:middle;}
.alarm-inner > ul li .alarm-info p{font-size:12px;color:#999;line-height:20px;position:relative;}
.alarm-inner > ul li .alarm-info p a{font-size:12px;font-weight:600;color:#333;width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.alarm-inner > ul li .alarm-new{margin-left:4px;display:inline-block;width:14px;height:20px;background:url(/images/main/alarm-new.png) no-repeat left center;text-indent:-9999px;}
.alarm-inner .alarm-paging{height:49px;box-sizing:border-box;padding:16px 0;background:#f4f4f4;text-align:center;}
.alarm-inner .alarm-paging a{padding:0 6px;color:#333;font-size:12px;font-weight:600;display:inline-block;line-height:17px;background:url(/images/main/alarm-paging-dot.gif) no-repeat left center;}
.alarm-inner .alarm-paging a.fir{background:none;}
.alarm-inner .alarm-paging a.on{color:#f26532;}
.alarm-inner .alarm-paging .arr{box-sizing:border-box;background:none;padding:0 2px;}
.alarm-inner .alarm-paging .arr img{vertical-align:top;}
.alarm-inner .alarm-paging .prev{margin-right:10px;}
.alarm-inner .alarm-paging .next{margin-left:10px;}

/* 메인-마이페이 레이어팝업 */
.my_layer_box{position:absolute;top:55px;right:0px;z-index:200;}
.my-wrap{display:none;margin:0 auto;background:#fff;border:1px solid #ff6633;border-radius:4px;box-shadow:0px 3px 5px 3px rgba(0,0,0,0.2);width:365px;box-sizing:border-box;}
.my-inner{border:2px solid #ff9966;position:relative;box-sizing:border-box;}
.my-dot{display:block;position:absolute;top:-14px;right:150px;width:24px;height:17px;background:url(/images/main/alarm-dot.png) no-repeat left center;z-index:300;}
.my-top{position:relative;}
.my-top h3{font-size:18px;color:#ff6633;font-weight:600;text-align:center;line-height:49px;}
.my-top a{position:absolute;top:12px;right:12px;line-height:24px;color:#333;}
.my-inner ul{}
.my-inner ul:after{content:"";display:block;clear:both;}
.my-inner ul li{float:left;width:50%;box-sizing:border-box;padding:18px 0;text-align:center;border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;height:91px;}
.my-inner ul li:nth-child(1){border-left:none;}
.my-inner ul li:nth-child(3){border-left:none;}
.my-inner ul li p:nth-child(1){margin:0 auto;text-indent:-9999px;}
.my-inner ul li:nth-child(1) p:nth-child(1){width:81px;height:26px;background:url(/images/main/my-1.png) no-repeat center center;}
.my-inner ul li:nth-child(2) p:nth-child(1){width:84px;height:24px;background:url(/images/main/my-2.png) no-repeat center center;}
.my-inner ul li:nth-child(3) p:nth-child(1){width:133px;height:21px;background:url(/images/main/my-3.png) no-repeat center center;}
.my-inner ul li:nth-child(4) p:nth-child(1){width:126px;height:21px;background:url(/images/main/my-4.png) no-repeat center center;}
.my-inner ul li p:nth-child(2){margin-top:10px;font-size:18px;color:#f26532;font-weight:600;}
.my-bottom{border-top:1px solid #eaeaea;padding:15px 0;text-align:center;}
.my-bottom a{display:inline-block;width:300px;line-height:44px;border:1px solid #dc4510;background:#f26432;color:#fff;font-size:16px;font-weight:600;text-align:center;border-radius:4px;}


/* 총알검색 */
.fastSearch{border:2px solid #f56334;border-radius:20px;overflow:hidden;}
.fastSearch.storycube{border:3px solid #7d5dc5;}
.fastSearch.webtoon{border:3px solid #6e9de3;}
.fastSearch{display:none;position:absolute;left:270px;top:50px;width:364px;z-index:500;background:#fff;box-sizing:border-box;}
.fastSearch:after{content:"";display:block;clear:both;}
.fastLeft{float:left;height:311px;border-right:1px solid #d5d5d5;}
.fastLeft ul{padding:10px;}
.fastLeft ul li{width:160px;}
.fastLeft ul li a{width:158px;padding-left:2px;display:block;height:24px;line-height:24px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fastLeft ul li a.on{background:#f1f1f1;}
.fastRight{padding:10px;}
.fastUl{}
.fastUl li{}
.fastUl li a{display:block;padding:5px 11px;height:87px;}
.fastUl li a:after{content:"";display:block;clear:both;}
.fsThum{float:left;position:relative;}
.im_br:after{display:block;position:absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 10;border:1px solid rgba(0, 0, 0, 0.3);content:"";}
.best-list-wrap ul li .im_br:after{border-radius:4px;}
.fsThum img{width:62px;height:87px;}
.fsInfo{width:220px;padding:0 14px;float:left;}
.fsInfo p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:22px;}
.fsTitle{margin-top:22px;font-weight:bold;color:#666;}
.fsAuthor{}
.fsAuthor em{display:inline-block;color:#666;margin:0 6px;}
.fastUl li:hover > a{background:#f1f1f1;}
.fastUl li a.on{background:#f1f1f1;tabindex:-1;}
.auto-complete{}
.auto-complete p{font-size:12px;color:#666;padding:0 14px;}
.auto-complete p:nth-child(1){display:none;background:#fff;text-align:center;line-height:32px;}
.auto-complete p:nth-child(2){background:#f5f5f5;text-align:right;border-top:1px solid #cecdd2;}
.auto-complete p a{display:inline-block;line-height:30px;color:#666;}
.auto-complete p a:focus{text-decoration:none;}




.h-top-bottom{padding-top:34px;}
.h-top-bottom:after{content:"";display:block;clear:both;}
.h-top-bottom .gnb{float:left;}
.h-top-bottom .gnb:after{content:"";display:block;clear:both;}
.h-top-bottom .gnb li{float:left;}
.h-top-bottom .gnb li a{display:inline-block;padding:0 18px;height:27px;height:25px \0/IE9;text-indent:-9999px;}
.h-top-bottom .gnb li:nth-child(1) a{padding:0 25px;width:34px;background:url(/novel/images/novel/gnb-book.png) no-repeat center top;}
.h-top-bottom .gnb li:nth-child(1) a.on{width:34px;background:url(/novel/images/novel/gnb-book-on.png) no-repeat center top;border-bottom:4px solid #f26532;}
.h-top-bottom .gnb li:nth-child(2) a{width:53px;padding:0 16px;background:url(/novel/images/novel/gnb-novel.png) no-repeat center top;}
.h-top-bottom .gnb li:nth-child(3) a{width:36px;padding:0 25px;background:url(/novel/images/novel/gnb-toon.png) no-repeat center top;}
.h-top-bottom .lnb{float:right;}
.h-top-bottom .lnb:after{content:"";display:block;clear:both;}
.h-top-bottom .lnb li{float:left;background:url(/images/main/lnb-dot.gif) no-repeat left center;padding:0 10px;}
.h-top-bottom .lnb li:first-child{background:none;}
.h-top-bottom .lnb li:nth-child(2){padding-right:0;}
.h-top-bottom .lnb li a{display:inline-block;font-size:14px;line-height:1;}
.h-top-bottom .lnb li a.cashday{background:url(/images/cashday.jpg) no-repeat right center;padding-right:20px;}

.header-bottom{border-top:1px solid #f4f4f4;}
.header-bottom-inner{width:900px;margin:0 auto;position:relative;}
.header-bottom-inner:after{content:"";display:block;clear:both;}
.header-bottom-inner .h-bottom-left{float:left;width:53%;}
.header-bottom-inner .h-bottom-left:after{content:"";display:block;clear:both;}
.header-bottom-inner .h-bottom-right{float:right;}
.header-bottom-inner .all-category{float:left;}
.header-bottom-inner .all-category a{display:block;padding-top:12px;}
.header-bottom-inner .snb-left{float:left;}
.header-bottom-inner .snb-left:after{content:"";display:block;clear:both;}
.header-bottom-inner .snb-left li{margin-left:26px;float:left;}
.header-bottom-inner .snb-left li a{display:block;height:100%;width:100%;text-indent:-9999px;box-sizing:border-box;padding:13px 0;}
.header-bottom-inner .snb-left li:nth-child(1) a{width:54px;background:url(/images/main/snb01.png) no-repeat left center;}
.header-bottom-inner .snb-left li:nth-child(1) a.on{background:url(/images/main/snb01-on.png) no-repeat left center;}
.header-bottom-inner .snb-left li:nth-child(2) a{width:42px;background:url(/images/main/snb02.png) no-repeat left center;}
.header-bottom-inner .snb-left li:nth-child(2) a.on{background:url(/images/main/snb02-on.png) no-repeat left center;}
.header-bottom-inner .snb-left li:nth-child(3) a{width:19px;background:url(/images/main/snb03.png) no-repeat left center;}
.header-bottom-inner .snb-left li:nth-child(3) a.on{background:url(/images/main/snb03-on.png) no-repeat left center;}
.header-bottom-inner .snb-left li:nth-child(4) a{width:75px;background:url(/images/main/snb04.png) no-repeat left center;}
.header-bottom-inner .snb-left li:nth-child(4) a.on{background:url(/images/main/snb04-on.png) no-repeat left center;}
.header-bottom-inner .snb-left li:nth-child(5) a{width:28px;background:url(/images/main/snb05.png) no-repeat left center;}
.header-bottom-inner .snb-left li:nth-child(5) a.on{background:url(/images/main/snb05-on.png) no-repeat left center;}
.header-bottom-inner .snb-right{}
.header-bottom-inner .snb-right:after{content:"";display:block;clear:both;}
.header-bottom-inner .snb-right li{margin-left:24px;float:left;}
.header-bottom-inner .snb-right li a{padding:13px 0;display:block;height:100%;width:100%;box-sizing:border-box;font-weight:bold;color:#333;text-indent:-9999px;}
.header-bottom-inner .snb-right li:nth-child(1) a{width:41px;background:url(/images/main/snb-r-01.png) no-repeat left center;}
.header-bottom-inner .snb-right li:nth-child(2) a{width:28px;background:url(/images/main/snb-r-02.png) no-repeat left center;}
.header-bottom-inner .snb-right li:nth-child(3) a{width:29px;background:url(/images/main/snb-r-03.png) no-repeat left center;}
.header-bottom-inner .snb-right li:nth-child(4) a{width:41px;background:url(/images/main/snb-r-04.png) no-repeat left center;}


.header-bottom-inner .m-category {display:none;position:absolute;left:0;top:41px;width:900px;box-sizing:border-box;border:1px solid #f26532;background:#fff;z-index:400;
border-radius:4px;box-shadow:0px 3px 5px 3px rgba(0, 0, 0, 0.2);}
.header-bottom-inner .m-category .category-inner {border:2px solid #ff9966;position:relative;}
.header-bottom-inner .m-category .category-inner div {padding:25px 20px 0px;border-top:1px solid #f4f4f4;}
.header-bottom-inner .m-category .category-inner div:first-child {border-top:none;}
.header-bottom-inner .m-category .category-inner div p {font-size:18px;color:#f26532;font-weight:600;}
.header-bottom-inner .m-category .category-inner div ul {padding:25px 0 25px 5px;}
.header-bottom-inner .m-category .category-inner div ul:after {content:"";display:block;clear:both;}
.header-bottom-inner .m-category .category-inner div ul li {float:left;width:20%;box-sizing:border-box;}
.header-bottom-inner .m-category .category-inner div ul li a {color:#666;padding-left:8px;font-size:14px;font-weight:600;line-height:24px;transition:all ease .3s;background:url(/images/main/lnb-dot.gif) no-repeat left center;}
.header-bottom-inner .m-category .category-inner div ul li:first-child a,
.header-bottom-inner .m-category .category-inner div ul li:nth-child(5n+1) a {background:none;padding-left:0;}
.header-bottom-inner .m-category .category-inner div ul li a:hover {color:#f26532;}
.header-bottom-inner .m-category .category-inner > a {width:22px;height:22px;display:block;position:absolute;right:22px;top:22px;background:url(/images/main/category-close.png) no-repeat left center;
text-indent:-9999px;}


.today-hot{width:100%;height:382px;background:#f4f4f4;position:relative;text-align:center;}
/*.today-hot:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-450px;width:900px;height:27px;background:url(/images/main/slider-wave.jpg) no-repeat left center;}*/
.hot-title{padding-top:24px;font-size:24px;color:#333;font-weight:600;}
.hot-title a{font-size:16px;font-weight:600;line-height:22px;color:#333;letter-spacing:-1px;}
section.romance .hot-title {color: #da4585;}
section.bl .hot-title {color: #dc6c60;}
section.fanmu .hot-title {color: #6574c0;}
section.manhwa .hot-title {color: #4cb3bc;}
.hot-inner{margin:0 auto;width:900px;position:relative;}
.hot-inner p{width:60px;height:60px;z-index:100;display:table;transition:all 0.5s ease;}
.hot-inner p a{display:table-cell;color:#fff;line-height:50px;width:50px;height:50px;text-align:center;vertical-align:middle;text-indent:-9999px;}
.hot-inner p a span{display:block;margin:0 auto;width:50px;height:50px;text-align:center;border-radius:39px;transition:.3s;}
.hot-inner .prev{position:absolute;top:100px;left:-32px;}
.hot-inner .next{position:absolute;top:100px;right:-32px;}
.hot-inner .prev span{background:url(/images/main/arrow-left.png) no-repeat center center rgba(0,0,0,.6);}
.hot-inner .next span{background:url(/images/main/arrow-right.png) no-repeat center center rgba(0,0,0,.6);}
.hot-inner .prev a:active span{background:url(/images/main/arrow-left.png) no-repeat center center rgba(0,0,0,.8);}
.hot-inner .next a:active  span{background:url(/images/main/arrow-right.png) no-repeat center center rgba(0,0,0,.8);}
.hot-inner a:hover span{width:60px;height:60px;}


.slider{width:100%;height:382px;overflow:hidden;position:absolute;left:0;top:0;}
.slider ul{position:relative;top:0;height:382px;width:auto;}
.slider ul:after{content:"";display:block;clear:both;}
.slider ul li{position:absolute;width:180px;top:75px;text-align:center;font-size:30px;box-sizing:border-box;}
.slider ul li img{display:inline-block;width:150px;height:210px;transition:.5s;}
.figure{width:149px;height:210px;overflow:visible;margin:0 auto;position:relative;border-radius:8px;box-shadow:0px 3px 10px 0px rgba(0,0,0,0.4);box-sizing:border-box;transition:.5s;}
/*.figure:hover{box-shadow:0px 3px 16px 3px rgba(0,0,0,0.4);}*/
.figure a{display:block;position:relative;width:150px;height:210px;border-radius:8px;overflow:hidden;}
.figure a:before{position:absolute;top:0;left:-100%;z-index:2;display:block;content:'';width:50%;height:100%;
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.figure a:hover:before{-webkit-animation:shine .75s;animation:shine .75s;}
.figure:after{content:'';box-sizing:border-box;display:block;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;border-radius:8px;
background: linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);}
.figure a img{width:150px;height:210px;border-radius:8px;display:block;}
.slider ul li:hover .figure{background:rgba(0,0,0,1);}
.slider ul li:hover .figure img{transform:rotate(-10deg) scale(1.3);opacity:.3;border-radius:8px;}
.slider ul li:hover .light{display:none;}
.light{height:97.5%;width:2px;background:rgba(255,255,255,0.4);position:absolute;left:4px;top:3px;border-radius:2px;}
.label{overflow:hidden;position:absolute;left:-11px;top:-11px;display:table;width:49px;height:49px;border-radius:49px;color:#fff;text-align:center;z-index:100;background:rgba(0, 205, 48, 0.7);}
.label em{font-size:13px;display:table-cell;vertical-align:middle;word-break:keep-all;color:#fff;}
.label span{display:block;}
.adult{position:absolute;right:5px;top:5px;width:24px;height:24px;border-radius:24px;background:#fff;color:#000;font-size:14px;text-align:center;font-weight:bold;line-height:24px;z-index:100;border:1px solid #fb0707;}
.s-adult{position:absolute;right:2px;top:2px;width:24px;height:24px;border-radius:24px;background:#fff;color:#000;font-size:14px;text-align:center;font-weight:bold;line-height:24px;z-index:100;border:1px solid #fb0707;}
.caption{position:absolute;top:5px;left:5px;right:3px;bottom:5px;}
.caption:before{content:"";position:absolute;top:0;left:0;width:98%;height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box;transform:scale(0,1);transition:.5s;}
.slider ul li:hover .caption:before{transform:scale(1,1);}
.caption:after{content:"";position:absolute;top:0;left:0;width:98%;height:100%;border-left:1px solid #fff;border-right:1px solid #fff;box-sizing:border-box;transform:scale(1,0);transition:.5s;}
.slider ul li:hover .caption:after{transform:scale(1,1);}
.about{padding:10px;padding-top:40px;color:#fff;text-align:center;display:none;font-weight:600;}
.slider ul li:hover .about{display:block;}
.about h2{font-size:14px;margin-bottom:10px;}
.about p{font-size:13px;}
.hot-info{width:150px;margin:0 auto;padding:15px 0;text-align:left;}
.hot-info p.hot-title{margin-bottom:4px;font-size:16px;color:#333;line-height:20px;font-weight:600;}
.hot-info p{padding:0 6px;font-size:12px;color:#999;}

.main-inner{width:900px;margin:0 auto;padding:12px 0;}
.quick{margin-top:26px;margin-bottom:38px;height:97px;border:1px solid #eaeaea;border-radius:6px;overflow:hidden;box-shadow:1px 3px 8px 0 rgba(0, 0, 0, 0.1);box-sizing:border-box;}
.quick ul{height:100%;}
.quick ul:after{content:"";display:block;clear:both;}
.quick ul li{float:left;height:100%;border-left:1px solid #f4f4f4;width:25%;box-sizing:border-box;}
.quick ul li:first-child{border-left:none;}
.quick ul li a{display:block;width:100%;height:100%;text-indent:-9999px;}
/* quick general */
.quick ul li:nth-child(1) a{background:url(/images/main/q-general-01.png) no-repeat center center;}
.quick ul li:nth-child(2) a{background:url(/images/main/q-general-02.png) no-repeat center center;}
.quick ul li:nth-child(3) a{background:url(/images/main/q-general-03.png) no-repeat center center;}
.quick ul li:nth-child(4) a{background:url(/images/main/q-general-04.png) no-repeat center center;}


section.romance .quick ul li:nth-child(1) a{background: url(/images/main/q-romance-01.png) no-repeat center center;}
section.romance .quick ul li:nth-child(2) a{background: url(/images/main/q-romance-02.png) no-repeat center center;}
section.romance .quick ul li:nth-child(3) a{background: url(/images/main/q-romance-03.png) no-repeat center center;}
section.romance .quick ul li:nth-child(4) a{background: url(/images/main/q-romance-04.png) no-repeat center center;}

section.bl .quick ul li:nth-child(1) a{background: url(/images/main/q-bl-01.png) no-repeat center center;}
section.bl .quick ul li:nth-child(2) a {background: url(/images/main/q-bl-02.png) no-repeat center center;}
section.bl .quick ul li:nth-child(3) a{background: url(/images/main/q-bl-03.png) no-repeat center center;}
section.bl .quick ul li:nth-child(4) a{background: url(/images/main/q-bl-04.png) no-repeat center center;}

section.fanmu .quick ul li:nth-child(1) a{background: url(/images/main/q-fanmu-01.png) no-repeat center center;}
section.fanmu .quick ul li:nth-child(2) a{background: url(/images/main/q-fanmu-02.png) no-repeat center center;}
section.fanmu .quick ul li:nth-child(3) a{background: url(/images/main/q-fanmu-03.png) no-repeat center center;}
section.fanmu .quick ul li:nth-child(4) a{background: url(/images/main/q-fanmu-04.png) no-repeat center center;}

section.manhwa .quick ul li:nth-child(1) a{background: url(/images/main/q-manhwa-01.png) no-repeat center center;}
section.manhwa .quick ul li:nth-child(2) a{background: url(/images/main/q-manhwa-02.png) no-repeat center center;}
section.manhwa .quick ul li:nth-child(3) a{background: url(/images/main/q-manhwa-03.png) no-repeat center center;}
section.manhwa .quick ul li:nth-child(4) a{background: url(/images/main/q-manhwa-04.png) no-repeat center center;}


.main-event{margin-bottom:43px;position:relative;}
.coTitle{font-weight:600;font-size:20px;color:#333;line-height:20px;}
.banner-list{/*position:relative;overflow:hidden;width:100%;height:151px;*/margin-top:14px;}
/*.banner-list ul{position:absolute;top:0;height:151px;}*/
.banner-list ul:after{content:"";display:block;clear:both;}
.banner-list ul li{float:left;width:296px;height:132px;margin-right:6px;}
.banner-list ul li a{displaY:block;overflow:hidden;width:296px;height:132px;position:relative;}
.banner-list ul li img{display:block;width:296px;height:132px;}
.banner-list ul li:last-child{margin-right:0;}
.main-event .event-prev{top:50%;transform:none;}
.main-event .event-next{top:50%;transform:none;}

.event-prev{position:absolute;left:-29px;top:50%;transform:translateY(-50%);display:block;text-indent:-9999px;width:14px;height:25px;background:url(/images/main/e-arrow-left.png) no-repeat center center;}
.event-next{position:absolute;right:-29px;top:50%;transform:translateY(-50%);display:block;text-indent:-9999px;width:14px;height:25px;background:url(/images/main/e-arrow-right.png) no-repeat center center;}
.more-btn{position:absolute;right:15px;top:10px;font-size:12px;color:#666;padding-right:13px;font-weight:600;display:block;background:url(/images/main/more.png) no-repeat right center;}
.more{font-size:12px;line-height:24px;color:#666;padding-right:13px;font-weight:600;display:block;background:url(/images/main/more.png) no-repeat right center;}
.best{}
.best .best-title{margin-bottom:28px;width:100%;height:50px;position:relative;/*background:url(/images/main/best-title-bg.gif) repeat-x left center;*/}
.best .best-title div{display:inline-block;padding:0 15px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.best .best-title div:after{content:"";display:block;clear:both;}
.best .best-title div > span{width:25px;height:50px;display:block;}
.best .best-title div > span.best-bg-left{float:left;background:url(/images/main/best-bg-left.png) no-repeat left center;}
.best .best-title div > span.best-bg-right{float:right;background:url(/images/main/best-bg-right.png) no-repeat left center;}
.best .best-title div h3{text-align:center;display:inline-block;font-size:24px;color:#333;line-height:1;font-weight:600;}
.best .best-title div h3 span{display:block;text-align:center;}
.best .best-title div h3 a{display:inline-block;font-size:13px;color:#666;line-height:1;padding-right:13px;background:url(/images/main/more.png) no-repeat right center;margin-top:10px;}

.best-list-wrap{margin-bottom:63px;}
.best-list-wrap:after{content:"";display:block;clear:both;}
.best-list-wrap ul{border:1px solid #ddd;border-radius:4px;float:left;width:288px;box-sizing:border-box;margin-left:18px;}
.best-list-wrap ul:first-child{margin-left:0;}
.best-list-wrap ul li{padding:15px 9px 0;border-top:1px solid #ddd;overflow:hidden;box-sizing:border-box;height:101px;}
.best-list-wrap ul li:nth-child(1){height:67px;}
.best-list-wrap ul li:nth-child(2){height:161px;}
.best-list-wrap ul li > p{float:left;}
.best-list-wrap ul li > div{float:left;}
.best-list-wrap ul li > a{float:left;margin-left:9px;width:91px;height:127px;position:relative;display:block;border-radius:4px;overflow:hidden;box-shadow:3px 3px #d9d9d9;}
.best-list-wrap ul li > a:before{position:absolute;top:0;left:-100%;z-index:2;display:block;content:'';width:50%;height:100%;
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.best-list-wrap ul li > a:hover:before{-webkit-animation:shine .75s;animation:shine .75s;}
.best-list-wrap ul li > a:after{content:'';box-sizing:border-box;display:block;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;border-radius:4px;
/*background: linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);*/}
.best-list-wrap ul li a img{display:block;width:91px;height:127px;}
.best-list-wrap ul li:after{content:"";display:block;clear:both;}
.best-list-wrap ul li:first-child{border-top:none;}
.best-list-wrap ul li:first-child .b-list-title{padding:0 6px;padding-bottom:15px;float:none;}
.best-list-wrap ul li:first-child .b-list-title:after{content:"";display:block;clear:both;}
.best-list-wrap ul li:first-child .b-list-title p{float:left;line-height:36px;font-size:20px;color:#f26532;font-weight:600;}
section.romance .best-list-wrap ul li:first-child .b-list-title p {color: #da4585;}
section.bl .best-list-wrap ul li:first-child .b-list-title p {color:#dc6c60;}
section.fanmu .best-list-wrap ul li:first-child .b-list-title p {color:#6574c0;}
section.manhwa .best-list-wrap ul li:first-child .b-list-title p {color:#4cb3bc;}
section.romance .best-list-wrap ul li p:nth-child(3) {margin-top:5px;}
section.manhwa .best-list-wrap ul li p:nth-child(3) {margin-top:5px;}
section.romance .best-list-wrap ul li:nth-child(2) p:nth-child(3) {margin-top:10px;}

.best-list-wrap ul li:first-child .b-list-title a{display:block;float:right;line-height:36px;}
.best-list-wrap ul li:nth-child(2){padding:15px 9px;}
.best-list-wrap ul li .top-rank{margin-top:42px;width:32px;height:47px;background:url(/images/main/rank1.jpg) no-repeat left center;text-indent:-9999px;}
.best-list-wrap ul li .rank{margin-top:24px;width:32px;text-align:center;font-size:20px;color:#f26532;font-weight:bold;}
.best-list-wrap ul li:nth-child(2) .best-info p:nth-child(1){margin-bottom:3px;font-size:14px;font-weight:bold;color:#333;line-height:18px;width:100%;overflow:visible;text-overflow:clip;white-space:normal;}
.best-list-wrap ul li .best-info p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.best-list-wrap ul li:first-child .best-info p:nth-child(1){overflow:visible;text-overflow:clip;white-space:normal;}
.best-list-wrap ul li .best-info p:nth-child(1){margin-bottom:3px;font-size:14px;font-weight:bold;color:#333;line-height:18px;}
.best-list-wrap ul li .best-info p:nth-child(2){font-size:12px;color:#666;line-height:18px;}
.best-list-wrap ul li .best-info p:nth-child(3){font-size:12px;color:#f26532;line-height:18px;}
.best-list-wrap ul li .best-info{margin-left:18px;width:117px;height:127px;overflow:hidden;box-sizing:border-box;}
.best-list-wrap ul li .best-info p a{color:#333;}
.best-list-wrap ul li:nth-child(2) .best-info{padding-top:10px;}

.romance .best-list-wrap ul li .best-info p:nth-child(3){overflow:visible;text-overflow:clip;white-space:normal;}
.manhwa .best-list-wrap ul li .best-info p:nth-child(3){overflow:visible;text-overflow:clip;white-space:normal;}
.bl .best-list-wrap ul li .best-info p:nth-child(3){overflow:visible;text-overflow:clip;white-space:normal;}


.list-star {margin-bottom:3px;display:inline-block;width:84px;height:15px;overflow:hidden;background:url(/images/main/rank_star_main.png) no-repeat scroll 0% 0% transparent;text-indent:-9999px;vertical-align:middle;}
.rank0{background-position:0 0px;}
.rank1{background-position:0 -16px;}
.rank2{background-position:0 -32px;}
.rank3{background-position:0 -48px;}
.rank4{background-position:0 -64px;}
.rank5{background-position:0 -80px;}
.rank6{background-position:0 -96px;}
.rank7{background-position:0 -112px;}
.rank8{background-position:0 -128px;}
.rank9{background-position:0 -144px;}
.rank10{background-position:0 -160px;}
.star-vote{display: inline-block;color: #909090 !important;}
.best-list-wrap .star-vote{font-size:12px;}

.md{margin-bottom:30px;}
.md-title{padding:0 15px 8px 0;border-bottom:2px solid #f0eef2;}
.md-title:after{content:"";display:block;clear:both;}
.md-title h3{float:left;}
.md-title a{float:right;}
.md ul{padding-top:27px;}
.md ul:after{content:"";display:block;clear:both;}
.md li{float:left;width:180px;height:300px;text-align:center;box-sizing:border-box;}
.mds{padding-top:17px !important;}
.mds .slick-track{padding-top:10px;}
.md li img{display:block;width:150px;height:210px;border-radius:8px;overflow:hidden;}
.slick-prev{position:absolute;left:-29px;top:34%;display:block;text-indent:-9999px;width:14px;height:25px;background:url(/images/main/e-arrow-left.png) no-repeat center center;}
.slick-next{position:absolute;right:-29px;top:34%;display:block;text-indent:-9999px;width:14px;height:25px;background:url(/images/main/e-arrow-right.png) no-repeat center center;}

.banner-wrap{margin-bottom:63px;position:relative;}

.main-special{padding-bottom:36px;}
.main-special .special-title{padding:0 15px 14px 0;}
.main-special .special-title:after{content:"";display:block;clear:both;}
.main-special .special-title h3{float:left;}
.main-special .special-title a{float:right;}
.main-special ul{margin-bottom:27px;}
.main-special ul:after{content:"";display:block;clear:both;}
.main-special ul li{float:left;margin-left:15px;}
.main-special ul li:first-child{margin-left:0;}
.main-special ul li a{display:block;overflow:hidden;border-radius:6px;width:290px;height:121px;border-radius:6px;box-sizing:border-box;}
.main-special ul li a img{display:block;width:290px;height:121px;}
.main-special ul.brand li a{border:1px solid #f1eef2;}

/* 상세페이지 */
.category-nav{width:100%;height:40px;background:#f4f4f4;}
.category-nav-inner{width:900px;margin:0 auto;}
.category-nav-inner p{padding-left:18px;line-height:40px;color:#999;font-size:12px;font-weight:600;}
.category-nav-inner p a{line-height:40px;color:#999;font-size:12px;font-weight:600;}
.detail-wrap{}
.detail-title{width:100%;box-sizing:border-box;border-bottom:1px solid #f4f4f4;}
.detail-title-inner{width:900px;margin:0 auto;padding:17px 0 17px 18px;box-sizing:border-box;}
.detail-title-inner h3{font-size:32px;color:#000;font-weight:normal;line-height:34px;}
.detail-title-inner p{margin-top:10px;font-size:12px;color:#666;}
.detail-title-inner p em{display:inline-block;margin:0 6px;}
.detail-inner{width:900px;margin:0 auto;}
.detail-book{padding-top:35px;position:relative;}
.detail-book:after{content:"";display:block;clear:both;}
.detail-book .book-thum{float:left;width:270px;}
.detail-book .book-thum img{display:block;width:270px;height:378px;}
.detail-book .book-thum .early-btn{padding:40px 0;text-align:Center;}
.detail-book .book-thum .early-btn a{font-size:13px;color:#333;line-height:29px;padding:0 15px;display:inline-block;margin:0 2px;}
.detail-book .book-thum .figure{width:270px;height:378px;box-shadow:0px 11px 25px 2px rgba(0,0,0,0.3);}
.detail-book .book-thum .figure .thum-box{display:block;position:relative;width:270px;height:378px;border-radius:8px;overflow:hidden;}
.detail-book .book-thum .light{left:7px;box-shadow:0 3px 3px 2px rgba(255,255,255,.4);background:rgba(255,255,255,.5);width:3px;}
.detail-book .book-info{float:left;margin-left:70px;width:524px;box-sizing:border-box;padding-bottom:40px;}

.detail-book .book-info .all-volume p{font-size:14px;color:#666;line-height:18px;margin-bottom:4px;}
.detail-book .book-info .all-volume p span{color:#000;font-weight:600;}
.detail-book .book-info .all-volume p em{display:inline-block;margin:0 6px;}
em.end-result{display:inline-block;padding:0 6px;margin-left:9px;vertical-align:top;border-radius:8px;background:#999;color:#fff !important;text-align:center;
font-size:12px;line-height:18px;font-weight:600 !important;}
em.end-result.end{background:#f26532;}
.detail-book .book-info .book-side{padding-top:10px;}
.detail-book .book-info .book-side div:after{content:"";display:block;clear:both;}
.detail-book .book-info .book-side .list-star{float:left;margin-top:7px;margin-bottom:0;}
.detail-book .book-info .book-side p{margin-left:30px;float:left;font-size:14px;color:#666;font-weight:600;line-height:30px;}
.detail-book .book-info .book-side p.rank-user{margin-left:5px;}
.detail-book .book-info .book-side p.review-user{padding-left:29px;background:url(/images/review-user.png) no-repeat left center;cursor:pointer;}
.detail-book .book-info .book-side p.share{padding-left:29px;background:url(/images/share.png) no-repeat left center;}
.detail-book .book-info .book-side p.share a{text-indent:-9999px;margin-left:6px;display:inline-block;width:30px;height:30px;}
.detail-book .book-info .book-side p.share a.facebook{margin-left:10px;background:url(/images/detail-facebook.png) no-repeat left center;}
.detail-book .book-info .book-side p.share a.twitter{background:url(/images/detail-twitter.png) no-repeat left center;}
.detail-book .book-info .book-side p span{color:#f26532;display:inline-block;margin:0 2px;}
.detail-book .book-info .cash-info{margin-top:23px;margin-bottom:12px;border:1px solid #eaeaea;box-sizing:border-box;border-radius:6px;box-shadow:0 3px #fbfbfb;position:relative;}
.detail-book .book-info .cash-info .tenrent-wrap{display:none;position:absolute;z-index:300;left:118px;bottom:-110px;width:420px;background:#fff;border:1px solid #ff6633;border-radius:4px;box-shadow:0 3px 5px 3px rgba(0,0,0,.2);box-sizing:border-box;}
.detail-book .book-info .cash-info .tenrent-inner{border:2px solid #ff9966;padding:20px;position:relative;}
.detail-book .book-info .cash-info .tenrent-inner h4{font-size:14px;color:#333;font-weight:bold;}
.detail-book .book-info .cash-info .tenrent-inner p{font-size:12px;color:#909090;margin-top:18px;line-height:18px;}
.detail-book .book-info .cash-info .tenrent-inner a{position:absolute;top:6px;right:6px;display:block;width:15px;height:15px;text-indent:-9999px;background:url(/images/s-close.png) no-repeat left center;}
.detail-book .book-info .cash-info table{width:100%;}
.detail-book .book-info .cash-info table th{font-size:14px;color:#333;font-weight:600;}
.detail-book .book-info .cash-info table th a{color:#333;}
.detail-book .book-info .cash-info table th, .detail-book .book-info .cash-info table td{border-top:1px solid #eaeaea;padding:8px 17px 8px 30px;text-align:left;}
.detail-book .book-info .cash-info table tr:nth-child(1) th, .detail-book .book-info .cash-info table tr:nth-child(1) td{border-top:none;}
.detail-book .book-info .cash-info table td{font-size:14px;border-left:1px solid #eaeaea;font-weight:600;color:#666;line-height:24px;}
.detail-book .book-info .cash-info table td a{float:right;color:#333 !important;}
.detail-book .book-info .cash-info table td > em{display:inline-block;margin:0 6px;color:#ccc;}
.detail-book .book-info .cash-info table td > span{color:#f26532;font-weight:bold;}
.detail-book .book-info .cash-info table td em{display:inline-block;margin-left:3px;font-size:12px;}
.detail-book .book-info .cash-info table td em.sale{color:#f26532;}
.detail-book .book-info .cash-info table td em.save{display:inline-block;margin:0 3px;color:#339966;}
.detail-book .book-info .cash-info table th span.tenrent-dot{margin-left:5px;cursor:pointer;width:15px;height:15px;display:inline-block;background:url(/images/tenrent-dot.png) no-repeat left top;vertical-align:bottom;}
.detail-book .book-info .support-device{font-size:14px;color:#666;line-height:24px;font-weight:600;}
.detail-book .book-info .support-device span{font-weight:600;}
.detail-book .book-info .support-device em{display:block;padding-left:22px;background:url(/images/tts.png) no-repeat left center;}
.detail-book .book-info .detail-btn{padding:24px 0 30px;position:relative;}
.detail-book .book-info .detail-btn:after{content:"";display:block;clear:both;}
.detail-book .book-info .detail-btn > a{float:left;margin-left:6px;overflow:hidden;transition:all ease .8s;display:block;height:50px;width:109px;box-sizing:border-box;text-align:center;color:#fff;border:1px solid #ea4d14;background:#f26532;
box-shadow:0 2px #ffe7de;border-radius:4px;line-height:49px;font-size:14px;}
.detail-book .book-info .detail-btn > a:first-child{margin-left:0;}
.detail-book .book-info .detail-btn > a span{display:block;}
.detail-book .book-info .detail-btn > a.d-basket{text-indent:-9999px;border:1px solid #c1c1c1;width:50px;box-shadow:0 2px #f2f2f2;background:transparent;}
.detail-book .book-info .detail-btn > a.d-basket span{background:url(/images/d-basket.png) no-repeat center center #fff;}
.detail-book .book-info .detail-btn > a.d-gift{text-indent:-9999px;border:1px solid #c1c1c1;width:50px;box-shadow:0 2px #f2f2f2;background:transparent;}
.detail-book .book-info .detail-btn > a.d-gift span{background:url(/images/d-gift.png) no-repeat center center #fff;}
.detail-book .book-info .detail-btn > a.d-basket:hover, .detail-book .book-info .detail-btn a.d-gift:hover{border:1px solid #ea4d14;}
.detail-book .book-info .d-event{border-top:1px solid #eaeaea;}
.detail-book .book-info .d-event ul{padding-top:10px;padding-left:2px;box-sizing:border-box;}
.detail-book .book-info .d-event ul li{}
.detail-book .book-info .d-event ul li a{width:100%;transition:all ease 1s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-left:50px;font-size:14px;width:100%;box-sizing:border-box;color:#666;line-height:28px;
background:url(/images/d-event.png) no-repeat left center;}
.detail-book .book-info .d-event ul li a:hover{color:#000;}
.d-gift-wrap{display:none;width:878px;max-height:646px;position:absolute;left:0%;top:20%;transform:translateY(-50%);-ms-transform:translateY(-50%);margin-left:-340px;background:#fff;
border:1px solid #ff6633;border-radius:4px;box-shadow:0 3px 5px 3px rgba(0,0,0,.2);box-sizing:border-box;z-index:9000;overflow:hidden;}
.d-gift-wrap .d-gift-inner{width:100%;max-height:644px;border:2px solid #ff9966;padding-top:20px;position:relative;box-sizing:border-box;}
.d-gift-wrap .d-gift-inner h4{padding-left:20px;margin-bottom:22px;color:#ff6633;font-weight:600;font-size:18px;}
.d-gift-wrap .d-gift-inner .d-gift-sort{padding-left:17px;padding-bottom:10px;}
.d-gift-wrap .d-gift-inner .d-gift-sort a{display:inline-block;margin:0 3px;line-height:29px;text-align:center;padding:0 17px;color:#909090;background:#f4f4f4;border-radius:20px;font-weight:bold;}
.d-gift-wrap .d-gift-inner .d-gift-sort a.on{color:#fff;background:#f37142;}
.d-gift-wrap .d-gift-inner .gift-sort{border-top:1px solid #cdced1;border-bottom:1px solid #cdced1;}
.d-gift-wrap .d-gift-inner .gift-sort:after{content:"";display:block;clear:both;}
.d-gift-wrap .d-gift-inner .gift-sort > div:after{content:"";display:block;clear:both;}
.d-gift-wrap .d-gift-inner .gift-sort > div .checkbox{float:left;margin-top:16px;}
.d-gift-wrap .d-gift-inner .gift-sort > div .k-array{float:left;}
.d-gift-wrap .d-gift-inner .gift-sort > div:nth-child(1){float:left;padding-left:20px;}
.d-gift-wrap .d-gift-inner .gift-sort > div:nth-child(2){float:right;padding-right:20px;}
.d-gift-wrap .d-gift-inner .gift-sort > div:nth-child(2) p{float:left;line-height:50px;color:#f26532;font-size:13px;font-weight:bold;}
.d-gift-wrap .d-gift-inner .gift-sort > div:nth-child(2) a{float:right;margin-left:20px;line-height:32px;padding:0 10px;color:#333;font-weight:bold;margin-top:7px;}
.d-gift-wrap .d-gift-inner .gift-list-wrap{/*max-height:487px;*/}
.d-gift-wrap .d-gift-inner .gift-list{max-height:467px;overflow:hidden;width:100% !important;}
.d-gift-wrap .d-gift-inner .gift-list table{width:100%;padding:0 20px;text-align:center;}
.d-gift-wrap .d-gift-inner .gift-list table td{padding:15px 0;}
.d-gift-wrap .d-gift-inner .gift-list table tr{border-bottom:1px solid #f4f4f4;}
.d-gift-wrap .d-gift-inner .gift-list table tr:first-child{border-top:none;}
.d-gift-wrap .d-gift-inner .gift-list table td .checkbox{margin-top:1px;}
.d-gift-wrap .d-gift-inner .gift-list table td:nth-child(2){text-align:left;font-size:15px;color:#333;line-height:20px;font-weight:600;}
.d-gift-wrap .d-gift-inner .gift-list table td:nth-child(3){padding-right:20px;font-size:14px;color:#333;line-height:20px;font-weight:bold;text-align:right;}
.d-gift-close{width:22px;height:22px;display:block;position:absolute;right:22px;top:22px;background:url(/images/main/category-close.png) no-repeat left center;text-indent:-9999px;}


.detail-inner .authorNotice{margin-bottom:42px;padding:17px 0;background:#fff;border:1px solid #eaeaea;border-radius:4px;display:table;width:100%;box-sizing:border-box;}
.detail-inner .authorNotice:after{content:"";display:block;clear:both;}
.detail-inner .authorNotice .auLeft{display:table-cell;vertical-align:middle;padding:0 30px;width:61px;height:48px;text-indent:-9999px;background:url(/images/authorNotice.png) no-repeat center center;}
.detail-inner .authorNotice .auRight{float:right;margin-top:3px;padding-left:20px;padding-right:25px;border-left:1px solid #eaeaea;width:740px;}
.detail-inner .authorNotice .auRight dl dt:first-child{padding-bottom:8px;}
.detail-inner .authorNotice .auRight dl dt:after{content:"";display:block;clear:both;}
.detail-inner .authorNotice .auRight dl dt a{font-size:14px;display:block;width:660px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f26532;line-height:15px;}
.detail-inner .authorNotice .auRight dl dt em{float:left;display:block;font-size:13px;line-height:15px;color:#666;}
.detail-inner .authorNotice .auRight dl dd{display:none;margin-top:8px;margin-bottom:10px;border-radius:4px;padding:10px;line-height:20px;font-size:14px;background:#f4f4f4;color:#666;line-height:28px;}
.detail-inner .authorNotice .auRight dl dd.fir{margin-top:0px;}

.detail-inner .book-keyword{position:relative;margin-bottom:42px;}
.detail-inner .book-keyword h3{font-size:20px;color:#333;font-weight:600;line-height:29px;margin-bottom:10px;}
.detail-inner .book-keyword ul:after{content:"";display:block;clear:both;}
.detail-inner .book-keyword ul li{float:left;margin-right:4px;line-height:25px;border:2px solid #ff8b65;padding:0 13px;text-align:center;color:#666;border-radius:20px;font-weight:600;margin-bottom:6px;cursor:pointer;}
.detail-inner .book-keyword a{position:absolute;right:0;top:0;display:block;color:#f26532;font-weight:600;line-height:29px;}

.detail-tab{height:81px;}
.detail-nav{width:100%;box-sizing:border-box;border-bottom:1px solid #d1d8e4;border-top:1px solid #f4f4f4;background:#fff;z-index:99999;}
.detail-nav-inner{width:900px;margin:0 auto;}
.detail-nav-inner ul{display:table;width:100%;}
.detail-nav-inner ul.series li{width:16.66%;}
.detail-nav-inner ul li{width:20%;}
.detail-nav-inner ul li{display:table-cell;width:20%;height:79px;vertical-align:middle;text-align:Center;position:relative;}
.detail-nav-inner ul li a{display:block;padding:20px 0;text-align:center;font-size:15px;color:#333;font-weight:600;}
.detail-nav-inner ul li a span{display:block;color:#f26532;}
.detail-nav-inner ul li > span{display:none;width:100%;height:3px;background:#f26532;position:absolute;bottom:-1px;left:0;}
.detail-nav-inner ul li.on span{display:block;}
/*.detail-inner .book-intro{padding:55px 0px 20px;}*/
.detail-inner .book-intro.second-page{padding:0px 0px 20px;}
.detail-inner .book-intro.second-page div.list{margin:10px 0;padding:0;}
.detail-inner .book-intro.second-page div.list.folded{height:220px;overflow:hidden;}
.detail-inner .book-intro.second-page .d-more{display:none;}
.detail-inner .book-intro h3{padding-top:55px;font-size:20px;color:#F26C3B;font-weight:600;line-height:29px;}
.detail-inner .book-intro div{font-size:14px;color:#666;line-height:22px;}
.detail-inner .d-list{margin-top:15px;}
.detail-inner .tab{border-top:2px solid #8a93a1;}
.detail-inner .tab .d-series-tab{border-bottom:1px solid #cdced1;height:42px;background:#f6f6f6;}
.detail-inner .tab .d-series-tab:after{content:"";display:block;clear:both;}
.detail-inner .tab .d-series-tab li{float:left;}
.detail-inner .tab .d-series-tab li:first-child{border-left:1px solid #cdced1;}
.detail-inner .tab .d-series-tab li a{display:block;background:#f6f6f6;color:#939ba7;text-align:center;line-height:42px;height:42px;width:149px;font-size:16px;border-right:1px solid #cdced1;font-weight:600;}
.detail-inner .tab .d-series-tab li a.on{border-bottom:none;background:#fff;color:#333;height:43px;}

.detail-inner .fix-series-wrap{}
.detail-inner .fix-series-wrap .fix-series{background:#fff;width:100%;box-sizing:border-box;z-index:9000;}
.detail-inner .fix-series-wrap .fix-series:after{content:"";display:block;clear:both;}
.detail-inner .fix-series-wrap .fix-series > div{}
.detail-inner .fix-series-wrap .fix-series div > div:nth-child(1){float:left;}
.detail-inner .fix-series-wrap .fix-series div > div:nth-child(2){float:right;}
.detail-inner .fix-series-wrap .fix-series div > div:nth-child(2) p{float:left;margin-right:20px;color:#f26532;font-size:13px;line-height:50px;font-weight:600;}
.detail-inner .fix-series-wrap .fix-series div > div:nth-child(2) a{float:left;display:block;margin:9px 2px 0;line-height:30px;color:#333;}
.detail-inner .fix-series-wrap .fix-series div > div:nth-child(2) a.btn{width:81px;box-sizing:border-box;padding:0;}
.detail-inner .fix-series-wrap .fix-series div > div:nth-child(2) a.basket{background: url(/images/d-basket.png) no-repeat center center #fff;box-sizing:content-box;text-indent:-9999px;width:25px;padding:0 8px !important;}
.detail-inner .fix-series-wrap .fix-series div > div:after{content:"";display:block;clear:both;}
.detail-inner .fix-series-wrap .fix-series .checkbox{float:left;margin-top:16px;}
.detail-inner .fix-series-wrap .fix-series .k-array{float:left;}

.d-series-list{border-bottom:1px solid #cdced1;}
.d-series-list li{display:table;width:100%;padding:13px 10px 13px 0;box-sizing:border-box;text-align:center;border-top:1px solid #f4f4f4;}
.d-series-list li.off{background:#f4f4f4;}
.d-series-list li > div{display:table-cell;}
.d-series-list li > div:nth-child(1){width:43px;vertical-align:middle;}
.d-series-list li > div:nth-child(2){vertical-align:top;text-align:left;padding-left:10px;width:460px;}
.d-series-list li > div:nth-child(2) > p{font-weight:600;font-size:15px;color:#333;}
.d-series-list li > div:nth-child(2) .cash-des{margin-top:8px;}
.d-series-list li > div:nth-child(2) .cash-des p{font-size:13px;color:#909090;line-height:20px;}
.d-series-list li > div:nth-child(2) .cash-des p.cash{/*margin-bottom:3px;*/font-weight:600;color:#666;font-size:16px;}
.d-series-list li > div:nth-child(2) .cash-des p.cash i{font-style:normal;color:#333;}
.d-series-list li > div:nth-child(2) .cash-des p.cash span{font-size:15px;}
.d-series-list li > div:nth-child(2) .cash-des p.cash span.r-date{color:#333;}
.d-series-list li > div:nth-child(2) .cash-des p.cash span.save{color:#339966;font-size:15px;}
.d-series-list li > div:nth-child(2) .cash-des p.cash del{font-size:16px;color:#999;margin-left:3px;}
.d-series-list li > div:nth-child(2) .cash-des p em{display:inline-block;margin:0 6px;color:#e6e6e6;font-weight:100;}
.d-series-list li > div:nth-child(3){width:380px;vertical-align:middle;font-size:13px;color:#333;font-weight:600;text-align:right;}
.d-series-list li > div:nth-child(3) a{margin-left:16px;display:inline-block;box-sizing:border-box;width:110px;text-align:center;line-height:32px;font-size:14px;font-weight:600;border-radius:6px;}
.d-series-list li > div:nth-child(3) a.see{color:#333;box-shadow:0 2px #f2f2f2;border:1px solid #c1c1c1;background:#fff;}
.d-series-list li > div:nth-child(3) a.cash{color:#fff;box-shadow:0 2px #ffe7de;border:1px solid #ea4d14;background:#f26532;}
.d-series-list li > div:nth-child(3) p{display:inline;font-size:14px;color:#7f7f7f;font-weight:normal;}
.d-series-list li > div:nth-child(3) .point{color:#ff5353;font-weight:700;}
.d-series-list li.off label{cursor:default;}


.d-tab.between > div{padding-top:37px;}
.d-tab.between h3{padding-left:18px;font-size:20px;font-weight:600;color:#333;border-bottom:1px solid #cdced1;line-height:54px;}
.d-tab.between h3 em{display:inline-block;color:#ccc;font-weight:100;margin:0 8px;font-size:14px;}
.d-tab.between h3 span{font-size:16px;color:#666;line-height:20px;}
.d-tab.between ul{border-bottom:1px solid #cdced1;}
.d-tab.between ul li{}
.d-tab.between ul li a{line-height:53px;font-size:15px;color:#333;padding-left:18px;display:block;font-weight:600;border-top:1px solid #f4f4f4;
background:url(/images/arrow-right.jpg) no-repeat 98% center;}
.d-tab.between ul li:first-child a{border-top:none;}
.d-more{margin-top:-1px;background:#fff;padding:0px !important;}
.d-more a{displaY:block;border:1px solid #cdced1;text-align:center;color:#f26532;line-height:36px;border-radius:3px;box-shadow:0 2px #f2f2f2;color:#ff6633;font-size:16px;font-weight:600;}

.detail-inner .author-intro{padding:50px 0px 0px;}
.detail-inner .author-intro h3{padding-left:18px;font-size:20px;color:#333;font-weight:600;line-height:29px;}
.detail-inner .author-intro div.author-intro-text{padding:10px 18px;margin-bottom:30px;font-size:14px;color:#666;line-height:22px;word-break:break-all;}

.author-intro .publish-book{margin-top:20px;}
.author-intro .publish-book .pub-select{border-bottom:1px solid #f4f4f4;}
.author-intro .publish-book .pub-select a{position:relative;margin:0 18px;display:inline-block;font-size:14px;color:#666;font-weight:600;line-height:30px;}
.author-intro .publish-book .pub-select a span{visibility:hidden;position:absolute;left:0;bottom:-1px;display:block;width:100%;height:3px;background:#f26532;}
.author-intro .publish-book .pub-select a.on{color:#f26532;}
.author-intro .publish-book .pub-select a.on span{visibility:visible;}
.author-intro .publish-book .pub-list{padding-right:18px;}
.author-intro .publish-book .pub-list:after{content:"";display:block;clear:both;}
.author-intro .publish-book .pub-list .k-array{float:left;}
.author-intro .publish-book .pub-list > a{margin-top:10px;float:right;line-height:32px;font-size:13px;color:#333;}
.author-intro .publish-book .mds{padding-top:10px !important;}

.review{padding-top:50px;margin-bottom:95px;}
.review h3{padding-left:18px;font-size:20px;color:#333;font-weight:600;line-height:29px;}
.review h3 span{color:#f26532;}
.review .review-text-area{margin-bottom:30px;margin-top:15px;border:1px solid #eaeaea;border-radius:4px;padding:17px;text-align:center;box-shadow:0 3px #fbfbfb;}
.star-gogo{
background:url(/images/star-vote.png) repeat-x 0 0; background-size:38px 56px;width:190px;margin:8px auto 15px;height:28px;}
.star-gogo:before,.star-gogo:after {display:table;content:"";}
.star-gogo:after{clear:both;content:"";display:block;}
.star-gogo input[type="radio"]{position:absolute;opacity:0;filter:alpha(opacity=0);left:-9999px;}
.star-gogo input[type="radio"].star-10:checked ~ span {width:100%;}
.star-gogo input[type="radio"].star-9:checked ~ span {width:90%;}
.star-gogo input[type="radio"].star-8:checked ~ span {width:80%;}
.star-gogo input[type="radio"].star-7:checked ~ span {width:70%;}
.star-gogo input[type="radio"].star-6:checked ~ span {width:60%;}
.star-gogo input[type="radio"].star-5:checked ~ span {width:50%;}
.star-gogo input[type="radio"].star-4:checked ~ span {width:40%;}
.star-gogo input[type="radio"].star-3:checked ~ span {width:30%;}
.star-gogo input[type="radio"].star-2:checked ~ span {width:20%;}
.star-gogo input[type="radio"].star-1:checked ~ span {width:10%;}
.star-gogo label {
display:block;width:19px;height:28px;margin:0;padding:0;text-indent:-999em;float:left;position:relative;z-index:10;background:transparent;cursor:pointer;}
.star-gogo label:hover ~ span {background-position:0 -28px;}
.star-gogo label.star-10:hover ~ span{width:100%;}
.star-gogo label.star-9:hover ~ span{width:90%;}
.star-gogo label.star-8:hover ~ span{width:80%;}
.star-gogo label.star-7:hover ~ span{width:70%;}
.star-gogo label.star-6:hover ~ span{width:60%;}
.star-gogo label.star-5:hover ~ span{width:50%;}
.star-gogo label.star-4:hover ~ span{width:40%;}
.star-gogo label.star-3:hover ~ span {width:30%;}
.star-gogo label.star-2:hover ~ span {width:20%;}
.star-gogo label.star-1:hover ~ span {width:10%;}
.star-gogo span {display:block;width:0;position:relative;top:0;left:0;height:28px;background:url('/images/star-vote.png') repeat-x 0 -28px;background-size:38px 56px;transition:width 0.5s;}
.star-vote{font-size:16px;color:#666;text-align:center;font-weight:600;}
.review .review-text-area .my-review{margin:27px auto 15px;display:block;box-sizing:border-box;width:190px;text-align:center;color:#fff;line-height:47px;font-size:18px;font-weight:600;box-shadow:0 2px #ffe7de;
border-radius:6px;border:1px solid #ea4d14;background:#f26532;}
.review .review-text-area .review-text{display:none;margin-top:25px;border-top:1px solid #f4f4f4;}
.review .review-text-area .review-text > div{padding:10px 18px;}
.review .review-text-area .review-text > div:after{content:"";display:block;clear:both;}
.review .review-text-area .review-text > div .checkbox{float:left;margin-top:5px;}
.review .review-text-area .review-text > div .checkbox > p{float:right;line-height:20px;font-size:14px;color:#666;margin-left:8px;}
.review .review-text-area .review-text > div .text-btn{float:right;}
.review .review-text-area .review-text > div .text-btn a{margin:0 1px;display:inline-block;line-height:26px;font-size:13px;color:#333;}
.review .review-text-area .review-text textarea{transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;width:100%;height:392px;box-sizing:border-box;border:1px solid #eaeaea;
border-radius:2px;background:#f4f4f4;padding:24px;font-size:14px;color:#666;line-height:20px;overflow:auto;;}
.review .review-text-area .review-text textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;background:#fff;}
.tab .tab-list{border-bottom:1px solid #cdced1;height:42px;background:#f6f6f6;}
.tab .tab-list:after{content:"";display:block;clear:both;}
.tab .tab-list li{float:left;}
.tab .tab-list li:first-child{border-left:1px solid #cdced1;}
.tab .tab-list li a{display:block;background:#f6f6f6;color:#939ba7;text-align:center;line-height:42px;height:42px;width:149px;font-size:16px;border-right:1px solid #cdced1;font-weight:600;}
.tab .tab-list li a.on{border-bottom:none;background:#fff;color:#333;height:43px;}
.tab .tab-list li a.on span{color:#f26532;}

.detail-inner .review .tab .review-score-box{padding-right:18px;}
.detail-inner .review .tab .review-score-box:after{content:"";display:block;clear:both;}
.detail-inner .review .tab .review-score-box .k-array{float:left;}
.detail-inner .review .tab .review-score-box .review-score{float:right;}
.detail-inner .review .tab .review-score-box .review-score:after{content:"";display:block;clear:both;}
.detail-inner .review .tab .review-score-box .review-score > span{float:left;margin-top:17px;}
.detail-inner .review .tab .review-score-box .review-score > p{float:left;line-height:50px;margin-left:10px;}
.detail-inner .review .tab .review-score-box .review-score > p.score{font-size:20px;color:#f26532;font-weight:600;}
.detail-inner .review .tab .review-score-box .review-score > p.rank-user{font-size:13px;color:#666;margin-left:5px;}

/* 서평 */
#comment{border-bottom:1px solid #cdced1;}
.comment{padding:20px 10px;border-top:1px solid #f4f4f4;}
.comment-vote{padding:2px 9px 2px 25px;color:#999;font-size:13px;}
.comment-vote i{font-weight:bold;color:#333;font-style:normal;line-height:19px;}
.comment-vote em{display:inline-block;color:#d5d5d5;margin:0 6px;font-weight:100;}
.comment-vote span{display:inline-block;margin-left:5px;color:#f26532;font-weight:600;}
.comment-vote span.date{color:#999;margin-left:0;}
.comment-vote.naver{background:url(/images/s-naver.png) no-repeat left center;background-size:19px 19px;}
.comment-vote.bookcube{background:url(/images/s-bookcube.png) no-repeat left center;background-size:19px 19px;}
.comment-vote.facebook{background:url(/images/s-facebook.png) no-repeat left center;background-size:19px 19px;}
.comment-vote.twitter{background:url(/images/s-twitter.png) no-repeat left center;background-size:19px 19px;}
.comment-vote.kakaotalk{background:url(/images/s-kakaotalk.png) no-repeat left center;background-size:19px 19px;}
.comment-vote.payco{background:url(/images/s-payco.png) no-repeat left center;background-size:19px 19px;}
.comment-vote.apple{background:url(/images/s-apple.png) no-repeat left center;background-size:19px 19px;}
.comment-content{margin:20px 0px 10px 0px;position:relative;text-align:center;}
.comment-content > span{display:block;font-size:13px;color:#666;line-height:20px;text-align:left;min-height:68px;}
.comment-content .comment-more{font-size:14px;color:#666;display:inline-block;font-weight:bold;}
.comment-content .comment-more span{margin-left:7px;display:inline-block;width:12px;height:7px;background:url(/book/images/m_book/arrow-down.png) no-repeat left center;background-size:12px 7px;}
.comment-content .blur{display:table;position:absolute;left:0;top:0;width:100%;height:68px;background:#f3f3f3;padding:15px 0;box-sizing:border-box;}
.comment-content .blur div{vertical-align:middle;display:table-cell;}
.comment-content .blur p{font-size:14px;color:#666;}
.comment-content .blur a{margin-top:6px;display:block;font-size:14px;color:#333;font-weight:bold;}
.comment-btn:after{content:"";display:block;clear:both;}
.comment-btn div a{display:block;font-size:14px;color:#666;font-weight:bold;height:30px;}
.comment-btn div button{margin:0 2px;border:1px solid #c1c1c1;width:50px;font-size:14px;padding:7px 0 6px 0;color:#333;text-align:center;box-shadow:0 2px #f2f2f2;border-radius:3px;background:#fff;font-weight:bold;}
.comment-btn div{float:right;}
.comment-btn div a{float:left;margin-left:18px;padding-left:19px;line-height:30px;display:block;padding-left:19px;line-height:32px;}
.comment-btn div:after{content:"";display:block;clear:both;}
.comment-btn div a.heart-btn{background:url(/images/heart.png) no-repeat left 10px;background-size:15px 13px;}
.comment-btn div a.heart-btn.on{background:url(/images/heart_on.png) no-repeat left 10px;background-size:15px 13px;}
.comment-btn div a.comment_write_show{padding-left:21px;background:url(/images/reply-icon.png) no-repeat left 10px;background-size:17px 14px;}
.comment-write.reply-write{border-top:1px solid #f4f4f4;padding:20px 10px 20px 33px;background:url(/images/replyBg.png) no-repeat 10px 50px;background-size:12px 12px;}
.comment-write textarea{padding:10px;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;
overflow:auto;box-sizing:border-box;width:100%;height:70px;border:1px solid #e5e6e7;background:#f3f3f4;resize:none;padding:5px;}
.comment-write textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;background:#fff;line-height:18px;font-size:13px;}
.comment-write p{margin-top:10px;}
.comment-write p:after{content:"";display:block;clear:both;}
.comment-write p span{float:left;display:inline-block;line-height:30px;font-size:14px;color:#666;}
.comment-write button{font-size:14px;margin:0 2px;float:right;border:1px solid #c1c1c1;width:50px;padding:6px 0 5px 0;color:#333;text-align:center;box-shadow:0 2px #f2f2f2;border-radius:3px;background:#fff;font-weight:bold;}
.reply-comment{padding-left:25px;background:url(/images/replyBg.png) no-repeat 0px 3px;background-size:12px 12px;}
/* 하트 애니메이션 */
.ani{display:none;width:200px;height:200px;position:fixed;left:50%;top:50%;margin-left:-100px;margin-top:-100px;z-index:9999;}
@-webkit-keyframes heart {
  0%,
	18.51852% {height:0;width:0;top:50%;margin-top:0;margin-left:0;}
  44.44444% {height:12.5em;width:12.5em;top:54%;margin-top:-6.25em;margin-left:-6.25em;}
  62.96296% {height:10em;width:10em;top:54%;margin-top:-5em;margin-left:-5em;}
  81.48148% {height:10.25em;width:10.25em;top:54%;margin-top:-5.125em;margin-left:-5.125em;}
  100% {height:10em;width:10em;top:54%;margin-top:-5em;margin-left:-5em;}
}
@keyframes heart {
  0%,
  18.51852% {height:0;width:0;top:50%;margin-top:0;margin-left:0;}
  44.44444% {height:12.5em;width:12.5em;top:54%;margin-top:-6.25em;margin-left:-6.25em;}
  62.96296% {height:10em;width:10em;top:54%;margin-top:-5em;margin-left:-5em;}
  81.48148% {height:10.25em;width:10.25em;top:54%;margin-top:-5.125em;margin-left:-5.125em;}
  100% {height:10em;width:10em;top:54%;margin-top:-5em;margin-left:-5em;}
}
@-webkit-keyframes ring {
  0% {height:0;width:0;border-width:0;margin-top:0;margin-left:0;}
  3.7037% {height:0;width:0;border-width:1em;margin-top:-1em;margin-left:-1em;border-color:#E2264D;}
  7.40741% {height:0;width:0;border-width:7em;margin-top:-7em;margin-left:-7em;}
  11.11111% {height:0;width:0;border-width:8em;margin-top:-8em;margin-left:-8em;}
  14.81481% {height:0;width:0;border-width:8.5em;margin-top:-8.5em;margin-left:-8.5em;}
  18.51852% {width:12em;height:12em;border-width:2.5em;border-color:#d83430;}
  22.22222% {width:16em;height:16em;border-width:0.5em;}
  25.92593%,100% {width:17em;height:17em;border-width:0;margin-top:-8.5em;margin-left:-8.5em;}
}
@keyframes ring {
  0% {height:0;width:0;border-width:0;margin-top:0;margin-left:0;}
  3.7037% {height:0;width:0;border-width:1em;margin-top:-1em;margin-left:-1em;border-color:#E2264D;}
  7.40741% {height:0;width:0;border-width:7em;margin-top:-7em;margin-left:-7em;}
  11.11111% {height:0;width:0;border-width:8em;margin-top:-8em;margin-left:-8em;}
  14.81481% {height:0;width:0;border-width:8.5em;margin-top:-8.5em;margin-left:-8.5em;}
  18.51852% {width:12em;height:12em;border-width:2.5em;border-color:#d83430;}
  22.22222% {width:16em;height:16em;border-width:0.5em;}
  25.92593%,
  100% {width:17em;height:17em;border-width:0;margin-top:-8.5em;margin-left:-8.5em;}
}
@-webkit-keyframes circles {
  0%,18.51852% {box-shadow:-5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 
  0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 
  7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, 
  -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4;}
  22.22222% {box-shadow:-5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 
  0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 
  8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, 
  -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4;}
  51.85185% {box-shadow:-8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, 
  -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 
  9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, 
  -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc;}
  81.48148%,
  100% {box-shadow:-8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, 
  -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 
  9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, 
  -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be;}
}
@keyframes circles {
  0%,18.51852% {box-shadow:-5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 
  0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 
  7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, 
  -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4;}
  22.22222% {box-shadow:-5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 
  0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 
  8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, 
  -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4;}
  51.85185% {box-shadow:-8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, 
  -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 
  9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, 
  -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc;}
  81.48148%,
  100% {box-shadow:-8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, 
  -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 
  9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, 
  -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be;}
}
.heart-wrapper {height:30em;width:30em;position:relative;cursor:pointer;}
.heart-wrapper .heart {display:block;height:10em;width:10em;top:54%;margin-top:-5em;margin-left:-5em;left:50%;position:absolute;z-index:0;}
.heart-wrapper .heart > * {overflow:hidden;position:absolute;}
.heart-wrapper .heart > *:after {display:block;content:'';position:absolute;background:#AAB8C2;}
.heart-wrapper .heart .tl {height:25%;width:50.25%;top:0;left:0;}
.heart-wrapper .heart .tl:after {top:0;left:0;height:200%;width:104%;border-top-left-radius:70% 80%;border-top-right-radius:80% 80%;border-bottom-right-radius:50% 50%;border-bottom-left-radius:50% 50%;}
.heart-wrapper .heart .tr {height:25%;width:50.25%;top:0;right:0;}
.heart-wrapper .heart .tr:after {top:0;right:0;height:200%;width:104%;border-top-left-radius:80% 80%;border-top-right-radius:70% 80%;border-bottom-right-radius:50% 50%;border-bottom-left-radius:50% 50%;}
.heart-wrapper .heart .bl {height:75.5%;width:50.25%;bottom:0;left:0;}
.heart-wrapper .heart .bl:after {top:0;left:0;height:95%;width:160%;border-top-left-radius:0 0;border-top-right-radius:0 0;border-bottom-right-radius:0 0;border-bottom-left-radius:100% 100%;}
.heart-wrapper .heart .br {height:75.5%;width:50.25%;bottom:0;right:0;}
.heart-wrapper .heart .br:after {top:0;right:0;height:95%;width:160%;border-top-left-radius:0 0;border-top-right-radius:0 0;border-bottom-right-radius:100% 100%;
border-bottom-left-radius:0 0;}
.heart-wrapper .ring {display:block;position:absolute;border-width:0;border-style:solid;top:50%;left:50%;border-radius:50%;z-index:1;}
.heart-wrapper .circles {display:block;position:absolute;height:1.66667em;width:1.66667em;top:50%;left:50%;margin-top:-0.83333em;margin-left:-0.83333em;z-index:2;border-radius:50%;}
.heart-wrapper:hover .heart .tl:after, .heart-wrapper:hover .heart .tr:after, .heart-wrapper:hover .heart .bl:after, .heart-wrapper:hover .heart .br:after {background:rgba(242,101,50,1);}
.heart-wrapper.active .heart {
  -webkit-animation-name:heart;
          animation-name:heart;
  -webkit-animation-duration:0.8s;
          animation-duration:0.8s;
  -webkit-animation-timing-function:ease-in;
          animation-timing-function:ease-in;
  -webkit-animation-iteration-count:1;
          animation-iteration-count:1;
}
.heart-wrapper.active .heart .tl:after, .heart-wrapper.active .heart .tr:after, .heart-wrapper.active .heart .bl:after, .heart-wrapper.active .heart .br:after {
  background:rgba(242,101,50,1);
}
.heart-wrapper.active .ring {
  -webkit-animation-name:ring;
          animation-name:ring;
  -webkit-animation-duration:0.8s;
          animation-duration:0.8s;
  -webkit-animation-timing-function:ease-in;
          animation-timing-function:ease-in;
  -webkit-animation-iteration-count:1;
          animation-iteration-count:1;
}
.heart-wrapper.active .circles {
  -webkit-animation-name:circles;
          animation-name:circles;
  -webkit-animation-duration:0.8s;
          animation-duration:0.8s;
  -webkit-animation-timing-function:ease-in;
          animation-timing-function:ease-in;
  -webkit-animation-iteration-count:1;
          animation-iteration-count:1;
}
.heart-wrapper {display:none;position:absolute;top:50%;left:50%;margin:-15em 0 0 -15em;}
.heart-wrapper.active{display:block;}
.e-book-ps{margin-bottom:56px;background:#f4f4f4;border-radius:4px;padding:30px 36px;}
.e-book-ps h3{font-size:20px;font-weight:600;color:#333;margin-bottom:15px;line-height:20px;}
.e-book-ps ul{}
.e-book-ps ul li{font-size:14px;color:#666;line-height:24px;padding-left:10px;background:url(/images/e-book-ps-dot.gif) no-repeat left 11px;}

/* 리스트 페이지 */
.search-result{padding-top:20px;padding-bottom:80px;}
.search-result > h3{margin-bottom:16px;}
.sub-category-box{margin-top:20px;border:1px solid #eaeaea;border-radius:4px;box-shadow:0 2px #f2f2f2;}
.sub-category-box ul:after{content:"";display:block;clear:both;}
.sub-category-box ul li{float:left;}
.sub-category-box ul li a{display:block;text-align:Center;line-height:64px;font-weight:bold;font-size:14px;color:#666;}
.sub-category-box ul li a.on{color:#f26532;}
.sub-category-box.general ul li{width:16.66%;text-align:Center;}
.sub-category-box.novel ul li{width:20%;text-align:Center;}
.list-sort{padding-right:18px;border-bottom:1px solid #f4f4f4;height:50px;}
.list-sort:after{content:"";display:block;clear:both;}
.list-sort .k-array{float:left;}
.view-array{float:right;}
.view-array:after{content:"";display:block;clear:both;}
.view-array .arrayBox{float:left;margin-top:9px;}
.view-array .view-select{float:left;margin-left:6px;margin-top:9px;}
.view-array .view-select ul{float:left;}
.view-array .view-select ul:after{content:"";display:block;clear:both;}
.view-array .view-select ul li{float:left;width:32px;height:32px;border:1px solid #cdced1;}
.view-array .view-select ul li:last-child{margin-left:-1px;}
.view-array .view-select ul li a{text-indent:-9999px;display:block;width:100%;height:100%;position:relative;z-index:0;}
.view-array .view-select ul li:first-child a{background:url(/images/list-view-bg.png) no-repeat center center;}
.view-array .view-select ul li:first-child a.on{background:url(/images/list-view-bg-on.png) no-repeat center center;z-index:100;}
.view-array .view-select ul li:last-child a{background:url(/images/thum-view-bg.png) no-repeat center center;}
.view-array .view-select ul li:last-child a.on{background:url(/images/thum-view-bg-on.png) no-repeat center center;z-index:100;}

.list-page div.list .book-list li{padding:27px 18px 20px 18px;border-bottom:1px solid #f4f4f4;}
.list-page div.list .book-list li:after{content:"";display:block;clear:both;}
.list-page div.list .book-list li .figure{margin:0;float:left;}
.list-page div.list .book-list li .hot-info{float:left;padding:0;margin-left:27px;width:660px;}
.list-page div.list .book-list li .hot-info p{font-weight:600;}
.list-page div.list .book-list li .hot-info .hot-title{margin-bottom:3px;line-height:28px;}
.list-page div.list .book-list li .hot-info .hot-author{margin-bottom:7px;font-size:14px;color:#999;line-height:18px;}
.list-page div.list .book-list li .hot-info .hot-author em{display:inline-block;margin:0 6px;color:#ccc;font-weight:100;}
.list-page div.list .book-list li .hot-info .hot-score{margin-bottom:28px;}
.list-page div.list .book-list li .hot-info .hot-score p{font-size:14px;color:#666;}
.list-page div.list .book-list li .hot-info .hot-score p > em{display:inline-block;margin:0 6px;color:#ccc;font-weight:100;}
.list-page div.list .book-list li .hot-info .hot-score p i{display:inline-block;margin-left:3px;font-style:normal;}
.list-page div.list .book-list li .hot-info .hot-score p i em{color:#f26532;display:inline-block;margin:0 2px;}
.list-page div.list .book-list li .hot-info .hot-desc{margin-bottom:28px;}
.list-page div.list .book-list li .hot-info .hot-desc p{font-size:14px;color:#999;line-height:20px;}
.list-page div.list .book-list li .hot-info .hot-cash{}
.list-page div.list .book-list li .hot-info .hot-cash p{margin-bottom:7px;font-size:14px;font-weight:600;color:#666;vertical-align:middle;}
.list-page div.list .book-list li .hot-info .hot-cash p em{color:#ccc;display:inline-block;margin:0 6px;font-weight:100;}
.list-page div.list .book-list li .hot-info .hot-cash span{color:#f26532;}
.list-page div.list .book-list li .hot-info .hot-cash span.genre{color:#24b5c6;}

.list-page div.thum .book-list:after{content:"";display:block;clear:both;}
.list-page div.thum .book-list li{float:left;padding:27px 15px 20px 15px;border-bottom:none;}
.list-page div.thum .book-list li .figure{}
.list-page div.thum .book-list li .hot-info{width:150px;margin:0 auto;padding:15px 0;text-align:left;box-sizing:border-box;height:200px;overflow:hidden;}
.list-page div.thum .book-list li .hot-info p{font-weight:600;}
.list-page div.thum .book-list li .hot-info .hot-title{margin-bottom:5px;line-height:20px;font-size:15px;}
.list-page div.thum .book-list li .hot-info .hot-author{margin-bottom:7px;font-size:12px;color:#999;}
.list-page div.thum .book-list li .hot-info .hot-author em{display:inline-block;margin:0 6px;color:#ccc;font-weight:100;}
.list-page div.thum .book-list li .hot-info .hot-score{margin-bottom:7px;}
.list-page div.thum .book-list li .hot-info .hot-score .list-star{display:none;}
.list-page div.thum .book-list li .hot-info .hot-score i{display:none;}
.list-page div.thum .book-list li .hot-info .hot-score p{line-height:18px;}
.list-page div.thum .book-list li .hot-info .hot-score p > em{display:none;}
.list-page div.thum .book-list li .hot-info .hot-score p > em.end-result{display:inline-block;}
.list-page div.thum .book-list li .hot-info .hot-desc{display:none;}
.list-page div.thum .book-list li .hot-info .hot-cash{}
.list-page div.thum .book-list li .hot-info .hot-cash p{margin-bottom:7px;font-size:14px;font-weight:600;color:#000;}
.list-page div.thum .book-list li .hot-info .hot-cash p em{display:none;}
/*.list-page div.thum .book-list li .hot-info .hot-cash span{color:#f26532;}*/
.list-page div.thum .book-list li .hot-info .hot-cash span.genre{margin-top:6px;display:block;color:#24b5c6;}

/* 페이징 */
.paging{height:60px;box-sizing:border-box;padding:16px 0;text-align:center;}
.paging a{padding:0 12px;color:#333;font-size:15px;font-weight:600;display:inline-block;line-height:24px;background:url(/images/main/alarm-paging-dot.gif) no-repeat left center;vertical-align:middle;}
.paging a.fir{background:none;}
.paging a.on{color:#f26532;}
.paging .arr{box-sizing:border-box;background:none;padding:0 2px;}
.paging .arr img{vertical-align:top;}
.paging .prev{margin-right:10px;}
.paging .next{margin-left:10px;}

.no-list{text-align:center;padding:120px 300px;}
.no-list p{margin-bottom:15px;font-size:15px;color:#333;font-weight:600;}
.no-list a{display:inline-block;color:#fff;font-size:15px;text-align:Center;border-radius:4px;border:1px solid #ea4d14;background:#f26532;line-height:32px;box-shadow:0 2px #ffe7de;padding:0 14px;}
.bookIcon{}
.bookIcon p{}
.bookIcon p span em{color:#f26532 !important;}
.bookIcon p span{margin-left:15px;display:inline-block;min-width:90px;padding-left:19px;line-height:22px;font-size:14px;font-weight:600;color:#666 !important;}
.bookIcon p span:first-child{margin-left:0;}
.bookIcon p span.hit{background:url(/images/hits.png) no-repeat left center;} 
.bookIcon p span.prefer{background:url(/images/prefer.png) no-repeat left center;} 
.bookIcon p span.reply{background:url(/images/reply.png) no-repeat left center;} 

.toon-list{padding-top:38px;}
.toon-list:after{content:"";display:block;clear:both;}
.toon-list li{float:left;margin-left:19px;margin-bottom:20px;}
.toon-list li:first-child{margin-left:0;}
.toon-list li:nth-child(4n+1){margin-left:0;}
.toon-list li:nth-child(4n){margin-left:18px;}
.toon-list li a{display:block;}
.toon-list li a .rmdImg{position:relative;width:211px;height:211px;}
.toon-list li a img{display:block;width:211px;height:211px;}
.toon-list li .rmdInfo{padding:10px 13px;width:183px;border:1px solid #e5e6e7;border-top:none;}
.toon-list li .rmdInfo p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;}
.toon-list li .rmdInfo p:first-child{margin-bottom:4px;font-size:14px;color:#333;font-weight:600;}
.toon-list li .rmdInfo .dayInfo{line-height:18px;}
.toon-list li .rmdInfo .dayInfo span{color:#cc3399;}

/* 키워드관 */
.keyword-wrap{}
.keyword-wrap .keyword-inner{background:#f4f4f4;}
.keyword-wrap .keyword{width:900px;margin:0 auto;}
.keyword .key-select{padding-left:6px;}
.keyword .key-select:after{content:"";display:block;clear:both;}
.keyword .key-select .arrayBox{display:inline-block;border:none;}
.keyword-wrap .key-select .arrayBox ul{width:200px;}
.keyword-wrap.general .key-select .arrayBox ul{width:200px;}
.keyword-wrap.romance .key-select .arrayBox ul{width:200px;border:1px solid #f65295;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(246,82,149,.6);}
.keyword-wrap.bl .key-select .arrayBox ul{width:200px;border:1px solid #c36d78;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(195,109,120,.6);}
.keyword-wrap.fanmu .key-select .arrayBox ul{width:200px;border:1px solid #6981c1;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(105,129,193,.6);}
.keyword-wrap.manhwa .key-select .arrayBox ul{width:200px;border:1px solid #4db4bb;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,180,187,.6);}
.keyword-wrap.bl .key-select .arrayBox ul{width:200px;}
.keyword-wrap.fanmu .key-select .arrayBox ul{width:200px;}
.keyword-wrap.manhwa .key-select .arrayBox ul{width:200px;}
.keyword .key-select .arrayBox > a{font-size:20px;font-weight:600;}
.keyword .key-select .k-btn{float:right;padding-bottom:14px;}
.keyword .key-select .k-btn:after{content:"";display:block;clear:both;}
.keyword .key-select .k-btn a{float:left;margin-left:6px;display:block;text-align:center;border-radius:4px;line-height:32px;font-size:13px;font-weight:600;padding:0 15px;}
.keyword .key-select .k-btn a.Rankey{border:1px solid #c1c1c1;background:#fff;color:#333;box-shadow:0 2px #f2f2f2;}
.keyword-wrap.general .key-select .k-btn a.allDel{color:#fff;background:#f26532;border:1px solid #ea4d14;box-shadow:0 2px #f6ded5;}
.keyword-wrap.romance .key-select .k-btn a.allDel{color:#fff;background:#f65295;border:1px solid #ea4a8c;box-shadow:0 2px #f4d4e1;}
.keyword-wrap.bl .key-select .k-btn a.allDel{color:#fff;background:#c36d78;border:1px solid #b45a65;box-shadow:0 2px #ead9db;}
.keyword-wrap.fanmu .key-select .k-btn a.allDel{color:#fff;background:#6981c1;border:1px solid #5b74b7;box-shadow:0 2px #d8ddea;}
.keyword-wrap.manhwa .key-select .k-btn a.allDel{color:#fff;background:#4db4bb;border:1px solid #49a9af;box-shadow:0 2px #d3e7e9;}
.keyword .kSelect{padding-bottom:20px;}
.keyword .kSelect:after{content:"";display:block;clear:both;}
.keyword .kSelect > div{float:left;margin-left:10px;box-sizing:border-box;height:256px;overflow:hidden;border:1px solid #e8e8e8;border-radius:4px;background:#fff;padding:9px;}
.keyword-wrap.romance .kSelect > div:nth-child(4){margin-left:11px;}
.keyword-wrap.romance .kSelect > div:nth-child(3){margin-left:11px;}
.keyword-wrap.bl .kSelect > div:nth-child(3){margin-left:11px;}
.keyword-wrap.bl .kSelect > div:nth-child(4){margin-left:11px;}
.keyword .kSelect > div:first-child{margin-left:0;}
.keyword .kSelect > div h4{padding-left:8px;border-bottom:1px solid #f4f4f4;margin-bottom:7px;line-height:40px;font-weight:600;font-size:20px;}
.keyword-wrap.general .kSelect > div h4{color:#f26532;}
.keyword-wrap.romance .kSelect > div h4{color:#da4585;}
.keyword-wrap.bl .kSelect > div h4{color:#c36d78;}
.keyword-wrap.fanmu .kSelect > div h4{color:#6981c1;}
.keyword-wrap.manhwa .kSelect > div h4{color:#4db4bb;}
.keyword-wrap.general .kSelect > div{width:172px;}
.keyword .kSelect > div ul{height:195px;overflow:hidden;box-sizing:border-box;}
.keyword .kSelect > div ul li{margin-top:2px;}
.keyword .kSelect > div ul li a{padding-left:16px;font-size:12px;color:#666;font-weight:bold;line-height:29px;display:inline-block;height:29px;padding:0 13px;border-radius:20px;box-sizing:border-box;}
.keyword .kSelect > div ul li a.on{line-height:25px;padding:0 11px;}
.keyword .kSelect > div ul li a.on:hover{line-height:25px;}
.keyword .kSelect > div ul li:first-child{margin-top:0;}
.keyword .kSelect > div ul li a:hover{background:#f4f4f4;}
.keyword-wrap.general .kSelect > div ul li a.on{border:2px solid #ff8b65;}
.keyword-wrap.general .kSelect > div ul li a.on:hover{border:2px solid #ff8b65;background:#fff;}
.keyword-wrap.romance .kSelect > div ul li a.on{border:2px solid #f65295;}
.keyword-wrap.romance .kSelect > div ul li a.on:hover{border:2px solid #f65295;background:#fff;}
.keyword-wrap.bl .kSelect > div ul li a.on{border:2px solid #c36d78;}
.keyword-wrap.bl .kSelect > div ul li a.on:hover{border:2px solid #c36d78;background:#fff;}
.keyword-wrap.fanmu .kSelect > div ul li a.on{border:2px solid #6981c1;}
.keyword-wrap.fanmu .kSelect > div ul li a.on:hover{border:2px solid #6981c1;background:#fff;}
.keyword-wrap.manhwa .kSelect > div ul li a.on{border:2px solid #4db4bb;}
.keyword-wrap.manhwa .kSelect > div ul li a.on:hover{border:2px solid #4db4bb;background:#fff;}
.keyword-wrap.romance .kSelect > div{width:217px;}
.keyword-wrap.bl .kSelect > div{width:217px;}
.keyword-wrap.fanmu .kSelect > div{width:172px;}
.keyword-wrap.manhwa .kSelect > div{width:172px;}

.no-keyword{font-size:20px;text-align:Center;color:#333;font-weight:600;border-bottom:1px solid #f4f4f4;margin-bottom:400px;padding:60px 0;line-height:30px;}
.key-result-wrap{display:none;}
.key-result{padding:42px 0;border-bottom:1px solid #f4f4f4;}
.key-result .key-result-inner{width:900px;margin:0 auto;padding:0 18px;box-sizing:border-box;}
.key-result .key-result-inner:after{content:"";display:block;clear:both;}
.key-result h3{float:left;font-size:20px;color:#333;line-height:29px;}
.key-result ul{float:left;margin-left:8px;}
.key-result ul:after{content:"";display:block;clear:both;}
.key-result ul li{float:left;margin-left:1px;}
.key-result ul li a{display:inline-block;font-size:12px;color:#666;font-weight:bold;line-height:26px;height:29px;padding:0 12px 0 12px;border-radius:20px;box-sizing:border-box;vertical-align:middle;}
.keyword-wrap .key-result ul li a span{margin-left:3px;display:inline-block;width:15px;height:25px;vertical-align:top;}

.keyword-wrap.general .key-result ul li a{border:2px solid #ff8b65;}
.keyword-wrap.general .key-result ul li a span{background:url(/images/general-k.png) no-repeat center center;}
.keyword-wrap.romance .key-result ul li a{border:2px solid #f65295;}
.keyword-wrap.romance .key-result ul li a span{background:url(/images/romance-k.png) no-repeat center center;}
.keyword-wrap.bl .key-result ul li a{border:2px solid #c36d78;}
.keyword-wrap.bl .key-result ul li a span{background:url(/images/bl-k.png) no-repeat center center;}
.keyword-wrap.fanmu .key-result ul li a{border:2px solid #6981c1;}
.keyword-wrap.fanmu .key-result ul li a span{background:url(/images/fanmu-k.png) no-repeat center center;}
.keyword-wrap.manhwa .key-result ul li a{border:2px solid #4db4bb;}
.keyword-wrap.manhwa .key-result ul li a span{background:url(/images/manhwa-k.png) no-repeat center center;}
.key-list-wrap{padding:40px 0 80px;margin:0 auto;width:900px;}
.key-list-wrap > p{padding-left:18px;border-bottom:1px solid #f4f4f4;color:#333;font-size:15px;line-height:40px;}
.key-list-wrap > p > span{color:#f26532;}


/* 베스트 */
.best-result{padding-top:20px;padding-bottom:80px;position:relative;}
.best-result .key-select{padding-left:6px;border-bottom:1px solid #f4f4f4;padding-right:18px;}
.best-result .key-select h3{margin:6px 0 16px 12px;font-size:20px;color:#333;font-weight:600;line-height:26px;float:left;}
.best-result .key-select:after{content:"";display:block;clear:both;}
.best-result .key-select .arrayBox{display:inline-block;border:none;}
.best-result .key-select .arrayBox:after{content:"";display:block;clear:both;}
.best-result .key-select .arrayBox ul{width:260px;}
.best-result .key-select .arrayBox > a{float:left;font-size:20px;font-weight:600;}
.best-result .key-select div{float:right;}
.best-result .key-select .arrayBox{float:left !important;}
.best-result .key-select .genre-btn{display:inline-block;margin-top:6px;color:#333;font-size:13px;line-height:24px;height:26px;box-sizing:border-box;}
.best-result .key-select .genre-time{line-height:39px;float:right;color:#333;font-size:13px;font-weight:bold;}
.best-result .list-page .list .book-list li{display:table;width:100%;}
.best-result .list-page .list .rank{display:table-cell;width:54px;vertical-align:middle;font-size:27px;font-weight:600;color:#ff6633;}
.best-result .list-page .list .figure{display:table-cell;vertical-align:top;}
.best-result .list-page .list .hot-info{display:table-cell;vertical-align:top;}
.best-result .list-page .thum .rank{line-height:48px;font-size:27px;font-weight:600;color:#ff6633;text-align:center;}
.dokjeom-ps{float:left;padding-left:17px;font-size:13px;color:#f26532;line-height:50px;font-weight:bold;}

/* 분야 */
.field{}
.field-list{margin-bottom:15px;padding:20px 18px;width:100%;box-sizing:border-box;border:1px solid #eaeaea;border-radius:4px;box-shadow:0 3px #fbfbfb;}
.field-list:after{content:"";display:block;clear:both;}
.field-list li{float:left;width:20%;padding-left:10px;box-sizing:border-box;}
.field-list li a{line-height:28px;color:#666;font-size:14px;font-weight:bold;background:url(/images/field-dot.png) no-repeat left center;padding-left:10px;}
.field-list li a.on{color:#f26532;}

/* 테마관 */
.theme{}
.theme-list{}
.theme-list li{padding:26px 18px;border-bottom:1px solid #f4f4f4;}
.theme-list li:after{content:"";display:block;clear:both;}
.theme-list li > a{float:left;display:block;width:290px;height:121px;overflow:hidden;border-radius:6px;position:relative;}
.theme-list li > a:before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:30%;height:100%;
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.theme-list li > a:hover:before{-webkit-animation:shine .75s;animation:shine .75s;}
@keyframes shine{
100% {left:125%;}}
.theme-list li > a img{display:block;width:290px;height:121px;border-radius:6px;overflow:hidden;}
.theme-list li > div{float:left;margin-left:26px;padding-top:10px;width:540px;}
.theme-list li > div:after{content:"";display:block;clear:both;}
.theme-list li > div p:nth-child(1){margin-bottom:15px;font-size:15px;color:#333;font-weight:600;}
.theme-list li > div p:nth-child(2){font-size:14px;color:#999;font-weight:600;line-height:20px;}
.theme-image{margin-bottom:45px;border-radius:6px;overflow:hidden;}
.brand-image{margin-bottom:35px;border-radius:6px;overflow:hidden;}
.event-image{margin-bottom:45px;border-radius:6px;overflow:hidden;}

.key-select p.share{margin-top:4px;margin-right:12px;float:left;padding-left:29px;background:url(/images/share.png) no-repeat left center;line-height:30px;font-size:13px;color:#333;font-weight:600;}
.key-select p.share a{text-indent:-9999px;margin-left:6px;display:inline-block;width:30px;height:30px;}
.key-select p.share a.facebook{margin-left:10px;background:url(/images/detail-facebook.png) no-repeat left center;}
.key-select p.share a.twitter{background:url(/images/detail-twitter.png) no-repeat left center;}



/* 결제 하기*/
.payment-renewal{padding-top:18px;padding-bottom:100px;}
.payment-renewal input[type='text']{border:1px solid #ccc;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.payment-renewal input[type='text']:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}
.payment-renewal input[type='radio']{width:20px;height:20px;margin:0;padding:0;}
.payment-renewal h3{font-size:20px;color:#333;margin-left:18px;margin-bottom:18px;font-weight:600;}
.payment-renewal h3.step{margin-top:53px;}
.payment-renewal h3 em{display:inline-block;color:#ccc;margin:0 7px;font-weight:100;}
.payment-renewal h3 span{color:#f26532;}
.payment-renewal .payment-list{padding:17px;border:1px solid #cdced1;border-radius:4px;}
.payment-renewal .payment-list > table{width:100%;}
.payment-renewal .payment-list > table thead th{background:#f4f4f4;color:#333;font-size:13px;text-align:center;line-height:33px;}
.payment-renewal .payment-list > table tbody td{padding:15px 0;font-size:14px;color:#333;border-bottom:1px solid #f4f4f4;font-weight:600;}
.payment-renewal .payment-list > table tbody td a{color:#333;}
.payment-renewal .payment-list > table tbody td:nth-child(1){text-align:left;padding-left:18px;}
.payment-renewal .payment-list > table tbody td:nth-child(2){text-align:center;color:#f26532;}
.payment-renewal .payment-list > table tbody td:nth-child(3){text-align:center;color:#999;}
.payment-renewal .payment-list > table tfoot td{padding-top:17px;padding-right:18px;font-size:16px;color:#333;font-weight:600;text-align:right;}
.payment-renewal .payment-list > table tfoot td span{color:#f26532;}
.payment-renewal .payment-list .cash-result{text-align:right;}
.payment-renewal .payment-list .cash-result p{padding-top:17px;padding-right:18px;font-size:16px;color:#333;font-weight:600;}
.payment-renewal .payment-list .cash-result p span{color:#f26532;}
.payment-renewal .step1{border-top:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;padding:12px 18px;}
.payment-renewal .step1:after{content:"";display:block;clear:both;}
.payment-renewal .step1 > p{text-align:center;font-size:15px;color:#333;font-weight:600;}
.payment-renewal .step1 > div:nth-child(1){float:left;}
.payment-renewal .step1 > div:after{content:"";display:block;clear:both;}
.payment-renewal .step1 > div:nth-child(2){float:right;}
.payment-renewal .step1 input[type='text']{width:181px;height:32px;line-height:30px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;}
.payment-renewal .step1 label{float:left;}
.payment-renewal .step1 div > span{float:left;display:block;margin-left:6px;color:#333;font-size:15px;line-height:30px;font-weight:600;}
.payment-renewal .step1 div > span em{color:#f26532;}
.payment-renewal .step1 > div:nth-child(2) > a{float:left;line-height:30px;color:#333;margin-left:6px;}

.step1 .mpop{position:fixed;top:20%;left:50%;margin-left:-439px;box-sizing:border-box;}
.step1 .mpop.coupon-select .mpop-inner{overflow:hidden;}
.step1 .mpop.coupon-select .mpop-inner .coupon-box{max-height:443px;overflow-y:auto;}
.step1 .mpop.coupon-select td{font-size:13px;color:#333;}
.step1 .mpop.coupon-select td:nth-child(4){padding-left:30px;text-align:left;}


.payment-renewal .activeX{margin-bottom:15px;padding-left:18px;color:#f26532;font-size:12px;line-height:26px;font-weight:bold;}
.payment-renewal .activeX span{text-decoration:underline;}
.payment-renewal .activeX a{display:inline-block;margin-left:6px;line-height:26px;color:#333;}
.payment-renewal .step2:after{content:"";display:block;clear:both;}
.payment-renewal .step2 > div:after{content:"";display:block;clear:both;}
/*
.payment-renewal .step2{border-top:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;padding:12px 18px;}
.payment-renewal .step2 > div:nth-child(1){float:left;}
.payment-renewal .step2 > div:nth-child(2){float:right;}
.payment-renewal .step2 input[type='text']{float:left;width:181px;height:32px;line-height:30px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;}
.payment-renewal .step2 label{float:left;line-height:30px;margin-right:47px;color:#333;font-size:15px;font-weight:600;}
.payment-renewal .step2 div > span{float:left;display:block;margin-left:6px;color:#333;font-size:15px;line-height:30px;font-weight:600;}
.payment-renewal .step2 div > span em{color:#f26532;}
.payment-renewal .step2 > div:nth-child(2) > a{float:left;line-height:30px;color:#333;margin-left:6px;}

.payment-renewal .step2-2 > div:nth-child(1){float:left;}
.payment-renewal .step2-2 > div:after{content:"";display:block;clear:both;}
.payment-renewal .step2-2 > div:nth-child(2){float:right;}
.payment-renewal .step2-2 input[type='text']{float:left;width:181px;height:32px;line-height:30px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;}
.payment-renewal .step2-2 label{float:left;line-height:30px;margin-right:47px;color:#333;font-size:15px;font-weight:600;}
.payment-renewal .step2-2 div > span{float:left;display:block;margin-left:6px;color:#333;font-size:15px;line-height:30px;font-weight:600;}
.payment-renewal .step2-2 div > span em{color:#f26532;}
.payment-renewal .step2-2 > div:nth-child(2) > a{float:left;line-height:30px;color:#333;margin-left:6px;}
*/
.payment-renewal .step2{padding:16px 0;border-bottom:1px solid #e0e1e2;}
.payment-renewal .step2 > div{padding-left:124px;position:relative;}
.payment-renewal .step2 > div:after{content:"";display:block;clear:both;}
.payment-renewal .step2 input[type='text']{float:left;width:659px;height:52px;line-height:50px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;background:#f4f4f4;outline:none;}
.payment-renewal .step2 label{position:absolute;left:36px;top:10px;line-height:30px;color:#333;font-size:15px;font-weight:600;}
.payment-renewal .step2 > div:nth-child(1) a{float:left;display:block;width:80px;height:52px;text-align:center;line-height:50px;border:1px solid #c1c1c1;box-sizing:border-box;border-radius:0 2px 2px 0;
box-shadow:none;color:#000;border-left:none;}
.payment-renewal .step2 > div:nth-child(2) > p{font-size:14px;text-align:right;font-weight:600;margin:10px 37px 15px 0;}
.payment-renewal .step2 > div:nth-child(2) > p span{color:#f26532;}
.payment-renewal .step2 > div:nth-child(2) > a{display:block;}

.payment-renewal .step2-2{padding:16px 0;border-bottom:1px solid #e0e1e2;}
.payment-renewal .step2-2 > div{padding-left:124px;position:relative;}
.payment-renewal .step2-2 > div:after{content:"";display:block;clear:both;}
.payment-renewal .step2-2 input[type='text']{float:left;width:659px;height:52px;line-height:50px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;background:#f4f4f4;outline:none;}
.payment-renewal .step2-2 label{position:absolute;left:36px;top:10px;line-height:30px;color:#333;font-size:15px;font-weight:600;}
.payment-renewal .step2-2 > div a{float:left;display:block;width:80px;height:52px;text-align:center;line-height:50px;border:1px solid #c1c1c1;box-sizing:border-box;border-radius:0 2px 2px 0;
box-shadow:none;color:#000;border-left:none;}
.payment-renewal .step2-2 > div:nth-child(2) > p{font-size:14px;text-align:right;font-weight:600;margin:10px 37px 15px 0;}
.payment-renewal .step2-2 > div:nth-child(2) > p span{color:#f26532;}


.payment-renewal .step3{border-top:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;}
.payment-renewal .step3:after{content:"";display:block;clear:both;}
.payment-renewal .step3 ul{}
.payment-renewal .step3 ul:after{content:"";display:block;clear:both;}
.payment-renewal .step3 ul li{float:left;width:25%;border-bottom:1px solid #f4f4f4;padding:12px 0 12px 0px;box-sizing:border-box;letter-spacing:-1px \0/IE9;line-height:30px;position:relative;}
.payment-renewal .step3 ul li label{font-size:15px;color:#333;font-weight:600;line-height:30px;}
.payment-renewal .step3 ul li label input[type='radio']{margin-right:6px;}



/* 네이버페이 있는 상태 */
/*.payment-renewal .step3 ul li:nth-child(1){width:171px;padding-left:20px;}
.payment-renewal .step3 ul li:nth-child(2){width:158px;}
.payment-renewal .step3 ul li:nth-child(3){width:193px;}
.payment-renewal .step3 ul li:nth-child(4){width:378px;}
.payment-renewal .step3 ul li:nth-child(5){border-bottom:none;padding-left:20px;width:171px;}
.payment-renewal .step3 ul li:nth-child(6){border-bottom:none;width:158px;}
.payment-renewal .step3 ul li:nth-child(7){border-bottom:none;width:193px;}
.payment-renewal .step3 ul li:nth-child(8){border-bottom:none;width:167px;}
.payment-renewal .step3 ul li:nth-child(9){border-bottom:none;width:211px;}
*/


.payment-result{margin-top:53px;background:#f4f4f4;padding:28px 0;text-align:center;border-radius:4px;}
.payment-result p{font-weight:600;}
.payment-result p:nth-child(1){margin-bottom:10px;font-size:24px;color:#333;}
.payment-result p span{color:#f26532;}
.payment-result p:nth-child(2){color:#909090;font-size:16px;}
.payment-result input[type='button']{margin:20px 2px 0 2px;cursor:pointer;display:inline-block;width:109px;height:50px;line-height:48px;border:1px solid #ea4d14;background:#f26532;
font-size:14px;color:#fff;text-align:center;box-shadow:0 2px #f6ded5;border-radius:4px;transition:.5s;}
.payment-result input[type='button']:hover{box-shadow:0 6px 4px rgba(0,0,0,.075),0 0 30px rgba(249,132,90,.6);}
.payment-result a{color:#333;font-size:14px;box-sizing:border-box;font-weight:600;margin:20px 2px 0 2px;line-height:48px;width:109px;display:inline-block;vertical-align:middle;background:#fff;transition:.5s;}
.payment-result a:hover{box-shadow:0 4px 4px rgba(0,0,0,.075),0 0 10px rgba(243,243,243,.6);}
.payco-choice{display:none;margin-top:-1px;padding:18px 19px;border:1px solid #e0e1e2;}
.payco-choice p:nth-child(1){margin-bottom:10px;font-size:15px;color:#333;font-weight:600;}
.payco-choice p:nth-child(2){font-size:12px;color:#999;font-weight:bold;line-height:18px;}

.paypal-choice{display:none;text-align:left;margin-top:-1px;padding:18px 19px;border:1px solid #e0e1e2;}
.paypal-choice dt{margin-bottom:10px;font-size:15px;color:#333;font-weight:600;}
.paypal-choice dd{font-size:12px;color:#999;font-weight:bold;}
.paypal-choice p{margin-bottom:10px;padding-top:25px;font-size:15px;color:#333;font-weight:600;}
.paypal-choice ol li{font-size:12px;color:#999;font-weight:bold;line-height:22px;}

.payment-renewal .save-ps{margin-top:-1px;border-radius:4px;border:1px solid #e0e1e2;padding:22px 57px;}
.payment-renewal .save-ps p{margin-bottom:10px;text-align:center;font-size:15px;color:#333;font-weight:600;}
.payment-renewal .save-ps p span{font-size:13px;color:#999;}
.payment-renewal .save-ps table{width:100%;border-left:1px solid #e0e1e2;border-top:1px solid #e0e1e2;}
.payment-renewal .save-ps table th{padding:10px 0;font-size:12px;text-align:center;font-weight:600;background:#f4f4f4;font-size:12px;color:#909090;border-bottom:1px solid #e0e1e2;border-right:1px solid #e0e1e2;}
.payment-renewal .save-ps table td{padding:10px 0;font-size:12px;text-align:center;font-weight:600;border-bottom:1px solid #e0e1e2;border-right:1px solid #e0e1e2;}
.payment-renewal .save-ps table td span{color:#f26532;display:block;}
/* 결제완료 */
.payment-renewal .payment-success{margin-bottom:20px;border:1px solid #cdced1;padding:17px;border-radius:4px;padding-bottom:0;}
.payment-renewal .payment-success table{width:100%;}
.payment-renewal .payment-success table th{border-top:1px solid #f4f4f4;background:#f4f4f4;border-bottom:1px solid #fff;padding:18px 0;font-weight:600;font-size:14px;color:#333;}
.payment-renewal .payment-success table tr:nth-child(4) th{border-bottom:1px solid #f4f4f4;}
.payment-renewal .payment-success table td{padding:18px 26px;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;font-weight:600;font-size:14px;color:#666;}
.payment-renewal .payment-success table tr:nth-child(1) td{color:#333;}
.payment-renewal .payment-success table tr:nth-child(2) td{color:#f26532;}
.payment-renewal .payment-success p{margin:30px 0;font-size:18px;font-weight:600;color:#f26532;text-align:center;}
.payment-renewal .payment-ps{margin-bottom:50px;border:1px solid #e0e1e2;border-radius:4px;padding:17px 42px;}
.payment-renewal .payment-ps h4{font-size:14px;color:#333;font-weight:600;margin:20px 0 5px 0;}
.payment-renewal .payment-ps h4:first-child{margin-top:0;}
.payment-renewal .payment-ps ul li{font-size:12px;color:#999;line-height:20px;font-weight:600;}
.payment-renewal .payment-ps ul li a{color:#f26532;text-decoration:underline;font-weight:bold;}
.payment-renewal .payment-btn{text-align:center;}
.payment-renewal .payment-btn.gift-give{margin-bottom:50px;}
.payment-renewal .payment-btn a{display:inline-block;line-height:48px;padding:0 29px;color:#fff;text-align:center;border:1px solid #ea4d14;background:#f26532;border-radius:4px;box-shadow:0 2px #ffe7de;
font-size:14px;font-weight:600;transition:.5s;}
.payment-renewal .payment-btn input[type='button']{cursor:pointer;display:inline-block;line-height:48px;padding:0 29px;color:#fff;text-align:center;border:1px solid #ea4d14;background:#f26532;border-radius:4px;box-shadow:0 2px #ffe7de;
font-size:14px;font-weight:600;transition:.5s;}
.payment-renewal .payment-btn a:hover{box-shadow:0 6px 4px rgba(0,0,0,.075),0 0 30px rgba(249,132,90,.6);}
.payment-renewal .payment-btn input[type='button']:hover{box-shadow:0 6px 4px rgba(0,0,0,.075),0 0 30px rgba(249,132,90,.6);}

/* 결제 완료 및 선물정보입력 */
.payment-renewal .gift-info{padding-top:35px;margin-bottom:25px;}
.payment-renewal .gift-info table{width:100%;}
.payment-renewal .gift-info table th{border-top:1px solid #f4f4f4;background:#f4f4f4;border-bottom:1px solid #fff;padding:18px 0 18px 18px;font-weight:600;font-size:14px;color:#333;text-align:left;}
.payment-renewal .gift-info table th label{}
.payment-renewal .gift-info table tr:nth-child(4) th{border-bottom:1px solid #f4f4f4;}
.payment-renewal .gift-info table td{padding:10px 26px;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;font-weight:600;font-size:13px;color:#999;line-height:32px;}
.payment-renewal .gift-info input[type='text']{margin-right:12px;width:181px;height:32px;line-height:30px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;}
.payment-renewal .gift-info table td label{font-size:15px;color:#333;}
.payment-renewal .gift-info table td label input[type='radio']{margin-right:5px;}
.payment-renewal .gift-info table td span{margin-right:12px;display:block;float:left;font-size:15px;color:#333;}
.payment-renewal .gift-info table td div > p{margin-bottom:10px;color:#333;}
.payment-renewal .gift-info table td div > p em{color:#999;font-size:12px;}
.payment-renewal .gift-info table td div > p input[type='radio']{margin-right:3px;}
.payment-renewal .gift-info table td .arrayBox{display:inline-block;height:32px;}
.payment-renewal .gift-info table td .arrayBox .s-result{padding:0 30px 0 0;}
.payment-renewal .gift-info table td .arrayBox ul{width:180px;}
.payment-renewal .gift-info table td .arrayBox ul li a{line-height:30px;}
.payment-renewal .gift-info label{}
.payment-renewal .gift-info table td textarea{width:698px;height:130px;box-sizing:border-box;border:1px solid #cdced1;
overflow:auto;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;}
.payment-renewal .gift-info table td textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;background:#fff;}
.payment-renewal .gift-info table td .text-length{font-size:13px;color:#666 !important;}
.payment-renewal .gift-info table td .text-length span{margin-right:0;display:inline;float:none;font-size:13px;color:#666 !important;}
.payment-renewal .gift-info input[type='text']{float:left;}

/* 공통페이지 마이페이지 */
.mypage .mypage-top{background:#f4f4f4;padding-top:18px;padding-bottom:32px;}
.mypage .mypage-top h3{font-size:20px;color:#333;margin-left:18px;padding-bottom:18px;font-weight:600;}
.mypage-box-top{margin-bottom:10px;padding:24px 0;height:182px;width:100%;box-sizing:border-box;border:1px solid #eaeaea;border-radius:6px;box-shadow:0 3px #f0f0f0;background:#fff;}
.mypage-box-top ul{}
.mypage-box-top ul:after{content:"";display:block;clear:both;}
.mypage-box-top > ul > li{position:relative;float:left;width:20%;height:132px;padding-top:13px;border-left:1px solid #eaeaea;box-sizing:border-box;text-align:center;}
.mypage-box-top > ul > li:first-child{border-left:none;padding-top:0;}
.mypage-box-top > ul > li > span{margin-bottom:8px;display:inline-block;width:60px;height:60px;text-indent:-9999px;}
.mypage-box-top > ul > li > span.bookcube{background:url(/images/my-bookcube.png) no-repeat left center;}
.mypage-box-top > ul > li > span.naver{background:url(/images/my-naver.png) no-repeat left center;}
.mypage-box-top > ul > li > span.facebook{background:url(/images/my-facebook.png) no-repeat left center;}
.mypage-box-top > ul > li > span.twitter{background:url(/images/my-twitter.png) no-repeat left center;}
.mypage-box-top > ul > li > span.kakaotalk{background:url(/images/my-kakaotalk.png) no-repeat left center;}
.mypage-box-top > ul > li > span.payco{background:url(/images/my-payco.png) no-repeat left center;}
.mypage-box-top > ul > li > span.apple{background:url(/images/my-apple.png) no-repeat left center;}
.mypage-box-top > ul > li:first-child p{margin-bottom:14px !important;font-size:14px !important;color:#666 !important;font-weight:600;}
.mypage-box-top > ul > li:first-child a{display:inline-block;line-height:30px;color:#333;font-size:13px;padding:0 16px;transition:.5s;}
.mypage-box-top > ul > li > p:first-child{text-indent:-9999px;margin:0 auto;}
.mypage-box-top > ul > li:nth-child(2) > p:first-child{width:81px;height:42px;background:url(/images/main/my-1.png) no-repeat center top;}
.mypage-box-top > ul > li:nth-child(3) > p:first-child{width:84px;height:42px;background:url(/images/main/my-2.png) no-repeat center top;}
.mypage-box-top > ul > li:nth-child(4) > p:first-child{width:133px;height:42px;background:url(/images/main/my-3.png) no-repeat center top;}
.mypage-box-top > ul > li:nth-child(5) > p:first-child{width:126px;height:42px;background:url(/images/main/my-4.png) no-repeat center top;}
.mypage-box-top > ul > li > p:nth-child(2){font-size:18px;font-weight:600;color:#f26532;margin-bottom:19px;}
.mypage-box-top > ul > li div.mysel{padding:11px 0;background:#f4f4f4;border-radius:4px;width:154px;margin:0 auto;}
.mypage-box-top > ul > li div.mysel:after{content:"";display:block;clear:both;}
.mypage-box-top > ul > li div.mysel a{display:block;float:left;width:50%;box-sizing:border-box;text-align:center;font-size:12px;color:#666;font-weight:bold;transition:.5s;}
.mypage-box-top > ul > li div.mysel a:nth-child(2){border-left:1px solid #d1d1d1;}
.mypage-box-top > ul > li:nth-child(3) > div > a, .mypage-box-top ul li:nth-child(5) > div > a{width:100%;}
.mypage-box-top > ul > li div.mysel a:hover{color:#f26532;}
/*.mypage-box-top > ul > li .mpop{display:none;width:878px;position:absolute;top:142px;background:#fff;border:1px solid #ff6633;border-radius:4px;
box-shadow:0 3px 5px 3px rgba(0,0,0,.2);box-sizing:border-box;z-index:9000;text-align:left;}*/
.mypage-box-top ul li .mpop .mpop-inner{width:100%;border:2px solid #ff9966;padding-top:20px;position:relative;box-sizing:border-box;}
.mypage-box-top ul li .mpop .mpop-inner h4{padding-left:20px;margin-bottom:22px;color:#ff6633;font-weight:600;font-size:18px;}
.mypage-box-top ul li .mpop .mpop-inner > p{font-size:18px;color:#333;font-weight:600;padding-left:30px;margin-bottom:8px;}
.mypage-box-top ul li .mpop .mpop-inner > p span{color:#f26532;}
.mypage-box-top ul li .mpop .mpop-inner > ul{border:1px solid #eaeaea;border-radius:4px;padding:6px 10px;margin:0 20px 33px;}
.mypage-box-top ul li .mpop .mpop-inner > ul li{font-weight:bold;font-size:13px;color:#666;line-height:22px;color:#999;}
.mypage-box-top ul li .mpop .mpop-inner table{width:832px;font-weight:600;margin:0 auto;}
.mypage-box-top ul li .mpop .mpop-inner table th{background:#f4f4f4;font-size:13px;color:#333;padding:8px 0;text-align:center;}
.mypage-box-top ul li .mpop .mpop-inner table td{padding:18px 0;color:#999;font-size:14px;text-align:Center;border-bottom:1px solid #f4f4f4;font-weight:bold;}
.mypage-box-top ul li .mpop.bookcash .mpop-inner table td:nth-child(2){color:#333;}
.mypage-box-top ul li .mpop.bookcash .mpop-inner table td:nth-child(3){color:#f26532;}
.mypage-box-top ul li .mpop.saved .mpop-inner table td:nth-child(2){color:#333;}
.mypage-box-top ul li .mpop.saved .mpop-inner table td:nth-child(3){color:#f26532;}
.mypage-box-top ul li .mpop.coupon .mpop-inner table td:nth-child(1){color:#333;}
.mypage-box-top ul li .mpop.coupon .mpop-inner table td:nth-child(2){color:#f26532;}
.mypage-box-top ul li .mpop.coupon .mpop-inner table td:nth-child(3) p{color:#333;line-height:18px;}
.mypage-box-top ul li .mpop.coupon .mpop-inner table td:nth-child(3) p em{color:#999;}
.mypage-box-top ul li .mpop.free .mpop-inner table td:nth-child(2){color:#333;}
.mypage-box-top ul li .mpop.free .mpop-inner table td:nth-child(3){color:#f26532;}
/*.mypage-box-top ul li .mpop.bookcash{left:-170px;}
.mypage-box-top ul li .mpop.saved{left:-350px;}
.mypage-box-top ul li .mpop.coupon{left:-530px;}
.mypage-box-top ul li .mpop.free{left:-710px;}*/
.mpop-close{width:22px;height:22px;display:block;position:absolute;right:22px;top:22px;background:url(/images/main/category-close.png) no-repeat left center;text-indent:-9999px;}
.mypage-box-bottom{height:182px;width:100%;box-sizing:border-box;}
.mypage-box-bottom:after{content:"";display:block;clear:both;}
.mypage-box-bottom > div{float:left;box-sizing:border-box;}
.mypage-box-bottom > div:nth-child(1){width:682px;height:182px;padding:27px 0;border-radius:6px;box-shadow:0 3px #f0f0f0;background:#fff;border:1px solid #eaeaea;box-sizing:border-box;}
.mypage-box-bottom > div:nth-child(1) ul:after{content:"";display:block;clear:both;}
.mypage-box-bottom > div:nth-child(1) > ul > li{float:left;width:50%;height:132px;box-sizing:border-box;padding-left:18px;padding-right:18px;}
.mypage-box-bottom > div:nth-child(1) > ul > li:nth-child(2){border-left:1px solid #f4f4f4;}
.mypage-box-bottom > div:nth-child(1) > ul > li h4{margin-left:10px;margin-bottom:17px;font-weight:600;font-size:20px;color:#333;}
.mypage-box-bottom > div:nth-child(1) > ul > li a{display:block;font-size:14px;color:#666;line-height:28px;font-weight:600;transition:.5s;padding-left:10px;}
.mypage-box-bottom > div:nth-child(1) > ul > li a:hover{color:#f26532;}
.mypage-box-bottom > div:nth-child(1) > ul > li a.on{color:#fff;background:#f5845b;border-radius:4px;}
.mypage-box-bottom > div:nth-child(2){margin-left:10px;width:208px;height:182px;}
.mypage-box-bottom > div:nth-child(2) ul li{box-sizing:border-box;border-radius:6px;box-shadow:0 3px #f0f0f0;background:#fff;border:1px solid #eaeaea;}
.mypage-box-bottom > div:nth-child(2) ul li:first-child{margin-bottom:4px;width:208px;height:110px;padding:17px 12px;}
.mypage-box-bottom > div:nth-child(2) ul li:first-child p{width:79px;height:24px;background:url(/images/main/my-5.png) no-repeat left center;margin:0 auto 20px;text-indent:-9999px;}
.mypage-box-bottom > div:nth-child(2) ul li:first-child div{padding:11px 0;background:#f4f4f4;border-radius:4px;width:100%;}
.mypage-box-bottom > div:nth-child(2) ul li:first-child div:after{content:"";display:block;clear:both;}
.mypage-box-bottom > div:nth-child(2) ul li:first-child div a{display:block;float:left;width:50%;box-sizing:border-box;text-align:center;font-size:12px;color:#666;font-weight:bold;transition:.5s;}
.mypage-box-bottom > div:nth-child(2) ul li:first-child div a:hover{color:#f26532;}
.mypage-box-bottom > div:nth-child(2) ul li:nth-child(2){margin-bottom:4px;width:208px;height:32px;}
.mypage-box-bottom > div:nth-child(2) ul li:nth-child(3){width:208px;height:32px;}
.mypage-box-bottom > div:nth-child(2) ul li p{color:#f26532;text-align:center;line-height:32px;font-size:13px;font-weight:600;}
.mypage-box-bottom > div:nth-child(2) ul li p a{color:#333;font-size:13px;line-height:32px;}
.mypage .mypage-bottom{width:1000px;margin:56px auto 0;}

.frame{width:900px;margin:0 auto;padding-bottom:80px;}
/* 마이페이지 아이프레임 */
.my-frame{visibility:hidden;position:absolute;width:878px;top:142px;z-index:1000;}
.my-frame.bookcash{left:-170px;}
.my-frame.saved{left:-350px;}
.my-frame.coupon{left:-530px;}
.my-frame.free{left:-710px;}
.mpop{width:878px;background:#fff;border:1px solid #ff6633;border-radius:4px;
box-shadow:0 3px 5px 3px rgba(0,0,0,.2);box-sizing:border-box;z-index:9000;text-align:left;}
.mpop .mpop-inner{width:100%;border:2px solid #ff9966;padding-top:20px;position:relative;box-sizing:border-box;}
.mpop .mpop-inner h4{padding-left:20px;margin-bottom:22px;color:#ff6633;font-weight:600;font-size:18px;}
.mpop .mpop-inner > p{font-size:18px;color:#333;font-weight:600;padding-left:30px;margin-bottom:8px;}
.mpop .mpop-inner > p span{color:#f26532;}
.mpop .mpop-inner > ul{border:1px solid #eaeaea;border-radius:4px;padding:6px 10px;margin:0 20px 33px;}
.mpop .mpop-inner > ul li{font-weight:bold;font-size:13px;color:#666;line-height:22px;color:#999;}
.mpop .mpop-inner table{width:832px;font-weight:600;margin:0 auto;}
.mpop .mpop-inner table th{background:#f4f4f4;font-size:13px;color:#333;padding:8px 0;text-align:center;}
.mpop .mpop-inner table td{padding:18px 0;color:#999;font-size:14px;text-align:Center;border-bottom:1px solid #f4f4f4;font-weight:bold;}
.mpop.bookcash .mpop-inner table td:nth-child(2){color:#333;}
.mpop.bookcash .mpop-inner table td:nth-child(3){color:#f26532;}
.mpop.saved .mpop-inner table td:nth-child(2){color:#333;}
.mpop.saved .mpop-inner table td:nth-child(3){color:#f26532;}
.mpop.coupon .mpop-inner table td:nth-child(1){color:#333;}
.mpop.coupon .mpop-inner table td:nth-child(2){color:#f26532;}
.mpop.coupon .mpop-inner table td:nth-child(3) p{color:#333;line-height:18px;}
.mpop.coupon .mpop-inner table td:nth-child(3) p em{color:#999;}
.mpop.free .mpop-inner table td:nth-child(2){color:#333;}
.mpop.free .mpop-inner table td:nth-child(3){color:#f26532;}
/*
.mpop.bookcash{left:-170px;}
.mpop.saved{left:-350px;}
.mpop.coupon{left:-530px;}
.mpop.free{left:-710px;}
*/




/* 회원정보수정 */
.user-modify{width:900px;margin:0 auto;padding-top:18px;}
.user-modify h3{font-size:20px;color:#333;margin-left:18px;padding-bottom:18px;font-weight:600;}
.user-modify .register-title{margin-bottom:20px;padding-left:18px;border-top:1px solid #cdced1;border-bottom:1px solid #cdced1;background:#f6f6f6;}
.user-modify .register-title p{font-size:16px;color:#f26532;line-height:42px;font-weight:600;}
.user-modify table{margin-bottom:53px;width:100%;border-top:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;}
.user-modify table th{background:#f4f4f4;font-size:15px;color:#333;font-weight:600;padding:10px 0 10px 18px;border-top:1px solid #fff;text-align:left;}
.user-modify table td{font-size:15px;color:#333;font-weight:600;border-top:1px solid #f4f4f4;padding:10px 0 10px 25px;}
.user-modify table tr:nth-child(1) th, .user-modify table tr:nth-child(1) td{border-top:none;}
.user-modify table td > a{display:inline-block;border-radius:4px;line-height:28px;font-weight:bold;width:78px;box-sizing:border-box;text-align:center;font-size:15px;}
.user-modify table td a.kakaotalk{border:1px solid #f5d733;background:#fef224;color:#5d4546;}
.user-modify table td a.naver{border:1px solid #09a204;background:#1abb15;color:#fff;}
.user-modify table td a.facebook{border:1px solid #2e52a0;background:#4366b0;color:#fff;}
.user-modify table td a.payco{border:1px solid #d51618;background:#e4292b;color:#fff;}
.user-modify table td a.bookcubeId{width:111px !important;border:1px solid #ea4d14;background:#f26532;color:#fff;}
.user-modify table td span{display:inline-block;margin-left:15px;color:#999;font-size:13px;line-height:30px;}
.user-modify table td span.on{color:#f26532;}
.user-modify table td input[type='text'],.user-modify table td input[type='password']{font-weight:600;width:181px;height:32px;border:1px solid #cdced1;line-height:30px;font-size:15px;padding:0 10px;
box-sizing:border-box;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
/*.user-modify table td input[type='text']:focus,.user-modify table td input[type='password']:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}*/
.user-modify table td input[type='password']{color:#999;}
.user-modify table td input[type='text']{color:#333;}
.user-modify table td > div:after{content:"";display:block;clear:both;}
.user-modify table td > div label{float:left;margin-right:6px;}
.user-modify table td > div strong{float:left;font-weight:600;line-height:30px;display:block;margin-right:6px;}
.user-modify table td > div .arrayBox{display:inline-block;float:left;height:30px;margin-right:6px;}
.user-modify table td > div .arrayBox .s-result{padding:0 30px 0 0;width:auto;line-height:28px;}
.user-modify table td > div input[type='button']{cursor:pointer;border:1px solid #ea4d14;background:#f26532;color:#fff;text-align:center;line-height:30px;box-sizing:border-box;padding:0 14px;
box-shadow:0 2px #ffe7de;border-radius:4px;font-size:13px;font-weight:bold;}
/*.user-modify table tr:last-child td p{font-size:13px;color:#999;margin:10px 0;}*/
.user-modify table tr td .checkbox{font-size:13px;color:#666;line-height:20px;}
.user-modify table tr td .checkbox span{margin-left:0;margin-right:5px;}
.user-modify table tr td .register_address{width:644px;}
.user-modify table tr td .option input[type='text']{width:78px;}
.user-modify table tr td .option .checkbox{width:78px;padding:0;}
.user-modify .radio-tbl{margin-bottom:25px !important;}
.user-modify .register-btn{margin-bottom:100px;text-align:center;}
.user-modify .register-btn input[type='button']{margin:0 2px;cursor:pointer;display:inline-block;border:1px solid #ea4d14;background:#f26532;color:#fff;text-align:center;line-height:48px;box-sizing:border-box;padding:0 40px;
box-shadow:0 2px #ffe7de;border-radius:4px;font-size:14px;font-weight:bold;vertical-align:middle;transition:.5s;}
.user-modify .register-btn a{display:inline-block;font-size:14px;color:#333;line-height:48px;padding:0 40px;vertical-align:middle;margin:0 2px;transition:.5s;}
.user-modify .register-btn input[type='button']:hover{box-shadow:0 6px 4px rgba(0,0,0,.075),0 0 30px rgba(249,132,90,.6);}
.user-modify .register-btn a:hover{box-shadow:0 4px 4px rgba(0,0,0,.075),0 0 10px rgba(243,243,243,.6);}
.user-modify .certify-tbl th{padding:20px 0 20px 18px !important;}
.user-modify .certify-tbl td{color:#f26532 !important;}
.user-modify .certify-tbl td > div:after{content:"";display:block;clear:both;}
.user-modify .certify-tbl td div img{display:block;float:left;}
.user-modify .certify-tbl td div div{float:right;padding-right:18px;}
.user-modify .certify-tbl td div div:after{content:"";display:block;clear:both;}
.user-modify .certify-tbl td div div a{display:block;margin:0 2px;float:left;line-height:30px;font-size:13px;color:#333;padding:0 15px;}
.user-modify .user-leave{margin-bottom:100px;padding:11px 17px;border:1px solid #eaeaea;border-radius:4px;}
.user-modify .user-leave:after{content:"";display:block;clear:both;}
.user-modify .user-leave p{float:left;line-height:30px;font-size:13px;color:#999;}
.user-modify .user-leave a{display:block;float:right;line-height:30px;font-size:13px;color:#333;padding:0 15px;}

/* 북캐시 충전 */
.charge .charge-top{height:272px;width:100%;background:url(/images/charge-bg.png) repeat-x left top;}
.charge .charge-top .ct-inner{width:1100px;height:272px;margin:0 auto;background:url(/images/charge.jpg) no-repeat left center;padding-top:40px;box-sizing:border-box;}
.charge .charge-top .ct-inner div{width:900px;margin:0 auto;padding-left:18px;box-sizing:border-box;}
.charge .charge-top .ct-inner div h2{font-size:50px;font-weight:600;color:#597bca;line-height:80px;}
.charge .charge-top .ct-inner div ul{padding-top:10px;}
.charge .charge-top .ct-inner div ul li{font-size:12px;color:#597bca;font-weight:bold;line-height:21px;}
.charge .charge-bottom{padding-top:54px;padding-bottom:100px;width:900px;margin:0 auto;}
.charge .charge-bottom h3{font-size:20px;color:#333;margin-left:18px;padding-bottom:18px;font-weight:600;}
.charge .charge-bottom .bookcash-charge{padding:17px 17px 0;border:1px solid #e8e8e8;border-radius:4px;margin-bottom:50px;}
.charge .charge-bottom .bookcash-charge table{width:100%;}
.charge .charge-bottom .bookcash-charge table th{background:#f4f4f4;line-height:34px;color:#333;text-align:center;font-size:13px;}
.charge .charge-bottom .bookcash-charge table td{text-align:left;padding:15px 0;border-top:1px solid #f4f4f4;box-sizing:border-box;color:#333;font-size:14px;font-weight:600;line-height:20px;}
.charge .charge-bottom .bookcash-charge table td:nth-child(1){padding:15px 0 15px 173px;}
.charge .charge-bottom .bookcash-charge table td:nth-child(2){text-align:center;color:#f26532;}
.charge .charge-bottom .bookcash-charge table tr:nth-child(1) td{border-top:none;}
.charge .charge-bottom .bookcash-charge table input[type='radio']{display:inline-block;width:20px;height:20px;margin:0;padding:0;}
.charge .charge-bottom .bookcash-charge table label{display:inline-block;margin-left:5px;}
.charge .charge-bottom .pay-way{border-top:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;}
.charge .charge-bottom .pay-way:after{content:"";display:block;clear:both;}
.charge .charge-bottom .pay-way ul{}
.charge .charge-bottom .pay-way ul:after{content:"";display:block;clear:both;}
.charge .charge-bottom .pay-way ul li{float:left;width:25%;border-bottom:1px solid #f4f4f4;padding:12px 0 12px 0px;box-sizing:border-box;letter-spacing:-1px \0/IE9;line-height:30px;}
.charge .charge-bottom .pay-way ul li label{font-size:15px;color:#333;font-weight:600;line-height:30px;}
.charge .charge-bottom .pay-way ul li label input[type='radio']{margin:0 6px 0 0;width:20px;height:20px;}

.charge .charge-bottom .pay-way ul li:nth-child(1){padding-left:20px;}
.charge .charge-bottom .pay-way ul li:nth-child(5){padding-left:20px;}
.charge .charge-bottom .pay-way ul li:nth-child(9){padding-left:20px;border-bottom:none;}


/* 네이버페이 있는 상태 */
/*
.charge .charge-bottom .pay-way ul li:nth-child(1){width:171px;padding-left:20px;}
.charge .charge-bottom .pay-way ul li:nth-child(2){width:158px;}
.charge .charge-bottom .pay-way ul li:nth-child(3){width:193px;}
.charge .charge-bottom .pay-way ul li:nth-child(4){width:167px;}
.charge .charge-bottom .pay-way ul li:nth-child(5){width:211px;}
.charge .charge-bottom .pay-way ul li:nth-child(6){padding-left:20px;border-bottom:none;width:171px;}
.charge .charge-bottom .pay-way ul li:nth-child(7){border-bottom:none;width:158px;}
.charge .charge-bottom .pay-way ul li:nth-child(8){border-bottom:none;width:193px;}
.charge .charge-bottom .pay-way ul li:nth-child(9){border-bottom:none;width:167px;}
.charge .charge-bottom .pay-way ul li:nth-child(10){border-bottom:none;width:211px;}
*/





/* 마이페이지 탭 */
.frame > h3{font-size:20px;color:#333;margin-left:18px;padding-bottom:18px;font-weight:600;line-height:1.1;}
.frame .tab{border-top:2px solid #8a93a1;}
.frame .tab > ul{border-bottom:1px solid #cdced1;height:42px;background:#f6f6f6;}
.frame .tab > ul:after{content:"";display:block;clear:both;}
.frame .tab > ul li{float:left;}
.frame .tab > ul li:first-child{border-left:1px solid #cdced1;}
.frame .tab > ul li a{display:block;background:#f6f6f6;color:#939ba7;text-align:center;line-height:42px;height:42px;width:149px;font-size:16px;border-right:1px solid #cdced1;font-weight:600;}
.frame .tab > ul li a.on{border-bottom:none;background:#fff;color:#333;height:43px;}
.frame .tab > ul li a.on span{color:#f26532;}
.frame .tab .tab-search{padding:9px 17px;text-align:right;border-bottom:1px solid #f4f4f4;}
.frame .tab .tab-search input[type='text']{transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;width:200px;height:32px;box-sizing:border-box;border:1px solid #cdced1;font-size:13px;color:#999;padding:0 10px;line-height:30px;}
.frame .tab input[type='text']:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}
.frame .tab .tab-search input[type='button']{margin-left:6px;cursor:pointer;display:inline-block;border:1px solid #ea4d14;background:#f26532;color:#fff;text-align:center;line-height:30px;box-sizing:border-box;
padding:0 15px;box-shadow:0 2px #ffe7de;border-radius:4px;font-size:14px;font-weight:bold;vertical-align:middle;}
.frame .tab .tab-sort{padding:8px 9px;}
.frame .tab .tab-sort > div:nth-child(1){float:left;}
.frame .tab .tab-sort:after{content:"";display:block;clear:both;}
.frame .tab .tab-sort > div:after{content:"";display:block;clear:both;}
.frame .tab .tab-sort .checkbox{float:left;margin-top:8px;}
.frame .tab .tab-sort .k-array{float:left;}
.frame .tab .tab-sort .k-array label{height:32px;line-height:32px;}
.frame .tab .tab-sort .k-array label span{height:32px;}
.frame .tab .tab-sort div a{margin-left:25px;display:block;float:left;line-height:32px;color:#333;padding:0 10px;}
.frame .tab .tbl-th{}
.frame .tab .tbl-th ul:after{content:"";display:block;clear:both;}
.frame .tab .tbl-th ul li{float:left;}
.frame .tab table{width:100%;text-align:center;}
.frame .tab table th{background:#f4f4f4;line-height:33px;color:#333;font-weight:bold;font-size:13px;}
.frame .tab table td{padding:10px 0;font-size:14px;color:#999;font-weight:600;border-bottom:1px solid #f4f4f4;}
.frame .tab table td .checkbox{margin-top:4px;}
.frame .tab table td:nth-child(2){text-align:left;padding-left:20px;}
.frame .tab table td a{display:inline-block;color:#333;font-size:14px;line-height:18px;font-weight:600;transition:.5s;}
.frame .tab table td:nth-child(2) a:after{content:"";display:block;clear:both;}
.frame .tab table td:nth-child(2) a:hover{color:#f26532;}
.frame .tab table.toon td a{display:table;width:100%;line-height:inherit;}
.frame .tab table.toon td:nth-child(2) a div{display:table-cell;width:80px;height:80px;position:relative;}
.frame .tab table.toon td:nth-child(2) a div img{display:block;width:80px;height:80px;}
.frame .tab table.toon td:nth-child(2) a p{display:table-cell;padding-left:25px;vertical-align:middle;}
.frame .tab table td a.down{padding:0 15px;line-height:30px;display:inline-block;background:#fff;}
.frame .tab table td a.all{color:#f26532 !important;}
.frame .tab table td a.all span{color:#333;}
.frame .tab table tr.file td{background:#f4f4f4;border-bottom:1px solid #fff;color:#333;}
.ps-box{margin-top:40px;margin-bottom:80px;border:1px solid #e0e1e2;border-radius:4px;padding:17px 42px;}
.ps-box > p{font-size:14px;margin-bottom:10px;color:#333;font-weight:600;}
.ps-box > p span{color:#f26532;}
.ps-box ul li{font-size:12px;color:#999;line-height:20px;font-weight:600;}
.ps-box ul li em{color:#f26532;}
.frame .tab .t-detail{}
.frame .tab .toon-order{border-top:1px solid #f4f4f4;border-bottom:none;height:auto;background:#fff;}
.frame .tab .toon-order li{display:table;width:100%;border-bottom:1px solid #f4f4f4;padding:10px 0;}
.frame .tab .toon-order li > div{display:table-cell;vertical-align:middle;}
.frame .tab .toon-order li .checkbox{padding-left:8px;width:54px;box-sizing:border-box;}
.frame .tab .toon-order li > a{display:table-cell;width:205px;height:80px;position:relative;}
.frame .tab .toon-order li > a img{display:block;width:205px;height:80px;}
.frame .tab .toon-order li .order-info{padding-left:25px;}
.frame .tab .toon-order li .order-info p{font-size:14px;color:#999;font-weight:600;}
.frame .tab .toon-order li .order-info p:first-child{color:#333;margin-bottom:4px;}

.frame .tab table.basket td{color:#333;}
.frame .tab table.basket td:nth-child(4){color:#999;}
.frame .tab table.basket td:nth-child(2) div a{display:block;width:100px;height:140px;border-radius:8px;overflow:hidden;position:relative;}
.frame .tab table.basket td:nth-child(2) div{display:table-cell;width:100px;height:140px;position:relative;}
.frame .tab table.basket td:nth-child(2) div.figure{box-shadow:0px 1px 8px 1px rgba(0,0,0,.2);}
.frame .tab table.basket td:nth-child(2) div img{display:block;width:100px;height:140px;}
.frame .tab table.basket td:nth-child(2) p{display:table-cell;padding-left:25px;vertical-align:middle;}
.frame .tab table.basket td:nth-child(2) p a{color:#333;font-weight:600;font-size:14px;}

.payment-result.basket p:nth-child(1){font-size:16px;}
.payment-result.basket p:nth-child(2){font-size:24px;color:#333;}

/* 주문내역 */
.frame .tab .order{padding-top:20px;}
.frame .tab .order h4{color:#333;font-size:16px;font-weight:600;margin-left:18px;margin-bottom:6px;}
.frame .tab .order h4 span{color:#f26532;font-size:12px;}
.frame .tab .order > ul{margin-bottom:20px;margin-left:30px;}
.frame .tab .order > ul > li{font-size:12px;color:#999;line-height:18px;}
.c-bg{width:900px;height:153px;box-sizing:border-box;background:url(/images/coupon-bg.jpg) no-repeat left center;}
.frame .tab .order .order-cash{padding-top:29px;margin-bottom:25px;}
.frame .tab .order .order-cash ul:after{content:"";display:block;clear:both;}
.frame .tab .order .order-cash ul li{float:left;width:50%;box-sizing:border-box;padding-top:36px;background:url(/images/order-coupon-bg.png) no-repeat center top;text-align:center;}
.frame .tab .order .order-cash ul li p{margin-top:10px;font-size:20px;font-weight:600;}
.frame .tab .order .order-cash ul li p:nth-child(1){color:#333;}
.frame .tab .order .order-cash ul li p:nth-child(2){color:#f26532;}
.btn-box{text-align:center;margin-bottom:53px;}
.btn-box a{vertical-align:middle;display:inline-block;box-sizing:border-box;height:50px;line-height:48px;border:1px solid #ea4d14;background:#f26532;font-size:14px;color:#fff;font-weight:600;
text-align:center;box-shadow:0 2px #f6ded5;border-radius:4px;padding:0 30px;}
.btn-box a.btn{background:#fff;color:#333;border:1px solid #c1c1c1;box-shadow:0 2px #f2f2f2;}
.btn-box input[type='button']{vertical-align:middle;cursor:pointer;display:inline-block;line-height:48px;padding:0 29px;color:#fff;text-align:center;border:1px solid #ea4d14;background:#f26532;border-radius:4px;box-shadow:0 2px #ffe7de;
font-size:14px;font-weight:600;transition:.5s;}
.frame .tab .order table{width:100%;text-align:center;}
.frame .tab .order table th{background:#f4f4f4;color:#333;font-size:13px;font-weight:bold;line-height:33px;}
.frame .tab .order table td{border-bottom:1px solid #f4f4f4;color:#333;padding:10px 0;color:#999;font-size:14px;}
.frame .tab .order table td:nth-child(2) a{color:#333;transition:.5s;}
.frame .tab .order table td:nth-child(2) a:hover{color:#f26532;}
.frame .tab .order table td a.pay{width:105px;box-sizing:border-box;line-height:30px;}
.frame .tab .order table tr.dwon-tr{background:#f4f4f4;text-align:left;display:none;}
.frame .tab .order table tr.dwon-tr td{padding:0;}
.frame .tab .order table tr.dwon-tr div{padding:38px 80px;}
.frame .tab .order table tr.dwon-tr div ul{}
.frame .tab .order table tr.dwon-tr div ul li{}
.frame .tab .order table tr.dwon-tr div ul li:after{content:"";display:block;clear:both;}
.frame .tab .order table tr.dwon-tr div ul li h5{float:left;border-right:1px solid #ccc;width:136px;font-size:14px;color:#333;line-height:20px;}
.frame .tab .order table tr.dwon-tr div ul li p{float:left;padding-left:11px;color:#666;line-height:20px;}
.frame .tab .order table tr.dwon-tr div ul li.line h5{padding-bottom:25px;}

/* 마이페이지 - 선물함 */

.frame .tab .gift-ps{margin-top:15px;margin-bottom:53px;border:1px solid #e0e1e2;border-radius:4px;padding:17px 42px;}
.frame .tab .gift-ps li{font-size:12px;color:#f26532;line-height:20px;font-weight:600;}
.frame .tab table.gift td{color:#999;}
.frame .tab table.gift td:nth-child(1){padding-left:17px;}
.frame .tab table.gift td:nth-child(1) div a{display:block;width:100px;height:140px;border-radius:8px;overflow:hidden;position:relative;}
.frame .tab table.gift td:nth-child(1) div{display:table-cell;width:100px;height:140px;position:relative;}
.frame .tab table.gift td:nth-child(1) div.figure{}
.frame .tab table.gift td:nth-child(1) div.figure:before{box-sizing:border-box;content:"";position:absolute;left:0;right:0px;display:block;height:140px;box-shadow:0px 1px 8px 1px rgba(0,0,0,.2);border-radius:8px;}
.frame .tab table.gift td:nth-child(1) div img{display:block;width:100px;height:140px;}
.frame .tab table.gift td:nth-child(1) p{display:table-cell;padding-left:25px;vertical-align:middle;color:#333;text-align:left;}
.frame .tab table.gift td:nth-child(1) p span{margin-top:5px;display:block;text-align:left;color:#999;}
.frame .tab table.gift td:nth-child(2){text-align:center;padding-left:0;}
.frame .tab table.gift td em{display:block;color:#999;line-height:30px;}
.frame .tab table.gift td > a{line-height:30px;}

/* 보낸 선물함 */
.gift-send{display:none;width:878px;position:fixed;top:142px;left:50%;margin-left:-439px;background:#fff;border:1px solid #ff6633;border-radius:4px;
box-shadow:0 3px 5px 3px rgba(0,0,0,.2);box-sizing:border-box;z-index:9000;text-align:left;}
.gift-send .send-inner{border:2px solid #ff9966;position:relative;box-sizing:border-box;padding:20px;}
.gift-send .send-inner h4{padding-left:20px;margin-bottom:22px;color:#ff6633;font-weight:600;font-size:18px;}
.gift-send .send-inner > p{font-size:18px;color:#333;font-weight:600;padding-left:30px;margin-bottom:8px;}
.gift-send .send-inner > p span{color:#f26532;}
.gift-send .send-inner > ul{border:1px solid #eaeaea;border-radius:4px;padding:6px 10px;margin:0 20px 33px;}
.gift-send .send-inner > ul li{font-weight:bold;font-size:13px;color:#666;line-height:22px;color:#999;}
.gift-send .send-inner .gift-form{width:832px;}
.gift-send .send-inner table{width:100%;table-layout:fixed;}
.gift-send .send-inner table th{border-top:1px solid #f4f4f4;background:#f4f4f4;border-bottom:1px solid #fff;padding:18px 0 18px 18px;font-weight:600;font-size:14px;color:#333;}
.gift-send .send-inner table tr:nth-child(1) th,.gift-send .send-inner table tr:nth-child(1) td{border-top:1px solid #e0e1e2;}
.gift-send .send-inner table td{padding:10px 26px;border-bottom:1px solid #f4f4f4;font-weight:600;font-size:13px;color:#999;line-height:32px;}
.gift-send .send-inner input[type='text']{margin-right:12px;width:181px;height:32px;line-height:30px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
border:1px solid #ccc;}
.gift-send .send-inner table td label{font-size:15px;color:#333;}
.gift-send .send-inner table td input[type='radio']{margin-right:5px;width:20px;height:20px;}
.gift-send .send-inner table td span{margin-right:12px;display:block;float:left;font-size:15px;color:#333;}
.gift-send .send-inner table td div > p{margin-bottom:10px;color:#333;}
.gift-send .send-inner table td div > p em{color:#999;font-size:12px;}
.gift-send .send-inner table td .arrayBox{display:inline-block;height:32px;}
.gift-send .send-inner table td .arrayBox .s-result{padding:0 30px 0 0;}
.gift-send .send-inner table td .arrayBox ul{width:180px;}
.gift-send .send-inner table td .arrayBox ul li a{line-height:30px;}
.gift-send .send-inner label{float:left;}
.gift-send .send-inner table td textarea{width:657px;height:130px;box-sizing:border-box;border-color:#cdced1;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;}
.gift-send .send-inner table td textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;background:#fff;}
.gift-send .send-inner table td .text-length{font-size:13px;color:#666 !important;}
.gift-send .send-inner table td .text-length span{margin-right:0;display:inline;float:none;font-size:13px;color:#666 !important;}

.gift-send .send-inner .payment-btn.gift-give{margin-top:15px;text-align:center;}
.gift-send .send-inner .payment-btn a{display:inline-block;line-height:48px;padding:0 29px;color:#fff;text-align:center;border:1px solid #ea4d14;background:#f26532;border-radius:4px;box-shadow:0 2px #ffe7de;
font-size:14px;font-weight:600;transition:.5s;}
.gift-send .send-inner .payment-btn input[type='button']{cursor:pointer;display:inline-block;line-height:48px;padding:0 29px;color:#fff;text-align:center;border:1px solid #ea4d14;background:#f26532;border-radius:4px;box-shadow:0 2px #ffe7de;
font-size:14px;font-weight:600;transition:.5s;}
.gift-send .send-inner .payment-btn a:hover{box-shadow:0 6px 4px rgba(0,0,0,.075),0 0 30px rgba(249,132,90,.6);}
.gift-send .send-inner .payment-btn input[type='button']:hover{box-shadow:0 6px 4px rgba(0,0,0,.075),0 0 30px rgba(249,132,90,.6);}


/* 선물 확인 페이지 */
.gift-confirm .gift-top{background:#defcf0;}
.gift-confirm .gift-top .gift-inner{width:1100px;margin:0 auto;}
.gift-confirm .gift-top .gift-inner img{display:inline-block;}

.gift-confirm .gift-bottom{width:900px;margin:0 auto;padding-top:50px;padding-bottom:100px;}
.gift-confirm .gift-bottom .gift-title{margin-left:14px;font-size:20px;color:#333;margin-bottom:15px;font-weight:600;}
.gift-confirm .gift-bottom .gift-text{margin-bottom:53px;}
.gift-confirm .gift-bottom .gift-text .gift-text-top{height:8px;width:100%;background:url(/images/gift-text-top.jpg) no-repeat left center;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle{border-left:2px solid #e8e8e8;border-right:2px solid #e8e8e8;box-sizing:border-box;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle:after{content:"";display:block;clear:both;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle > div{float:left;box-sizing:border-box;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle > div:first-child{width:449px;background:url(/images/gift-border.jpg) repeat-y right top;padding:30px 32px;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle > div:first-child p{font-size:14px;color:#333;font-weight:bold;line-height:22px;min-height:165px;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle > div:nth-child(2){display:table;width:447px;padding:30px 58px;height:100%;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle > div:nth-child(2) .gift-coupon{display:table-cell;width:100%;height:165px;vertical-align:middle;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle > div:nth-child(2) .gift-coupon .gift-num{box-sizing:border-box;background:url(/images/coupon-num.jpg) no-repeat center center;width:330px;height:167px;
padding-top:48px;text-align:center;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle > div:nth-child(2) .gift-coupon .gift-num p{font-size:24px;color:#333;line-height:34px;font-weight:600;}
.gift-confirm .gift-bottom .gift-text .gift-text-middle > div:nth-child(2) .gift-coupon .gift-num p span{display:block;color:#f26532;}
.gift-confirm .gift-bottom .gift-text .gift-text-bottom{height:8px;width:100%;background:url(/images/gift-text-bottom.jpg) no-repeat left center;}

.gift-confirm .gift-bottom table{width:100%;margin-bottom:53px;}
.gift-confirm .gift-bottom table th{background:#f4f4f4;font-size:13px;color:#333;line-height:33px;}
.gift-confirm .gift-bottom table td{padding:15px 0;font-size:14px;color:#999;text-align:center;border-bottom:1px solid #f4f4f4;}
.gift-confirm .gift-bottom table td:nth-child(1){text-align:left;}
.gift-confirm .gift-bottom table td a{color:#333;display:block;padding-left:18px;font-weight:600;}

.gift-confirm .gift-bottom .ps-box{margin-top:0;margin-bottom:20px;}
.gift-confirm .gift-bottom .ps-box li span{display:block;margin-left:14px;}
.gift-confirm .gift-bottom .ps-box p{font-size:12px;margin-top:10px;}
.gift-confirm .gift-bottom .gift-ps{background:#f4f4f4;padding:30px 35px;}
.gift-confirm .gift-bottom .gift-ps p{margin-bottom:15px;font-size:20px;color:#333;font-weight:600;}
.gift-confirm .gift-bottom .gift-ps li{font-size:14px;color:#666;line-height:24px;font-weight:600;}
.gift-confirm .gift-bottom .gift-ps li span{display:block;margin-left:11px;}
.gift-confirm .gift-bottom .gift-ps li em{color:#333;}

/* 나의 활동 */
.my-active{padding-bottom:100px;position:relative;}
.my-active > ul{}
.my-active > ul > li{display:table;width:100%;padding:14px 0;border-bottom:1px solid #f4f4f4;}
.my-active > ul > li > div{display:table-cell;}
.my-active > ul > li > div:nth-child(1){width:136px;vertical-align:top;}
.my-active > ul > li > div:nth-child(2){width:590px;vertical-align:top;}
.my-active > ul > li > div:nth-child(3){vertical-align:middle;}
.my-active > ul > li > div:nth-child(2) p.genre{line-height:22px;color:#6673c1;font-size:14px;font-weight:600;}
.my-active > ul > li > div:nth-child(2) p.book-name{color:#333;font-size:15px;font-weight:600;}
.my-active > ul > li > div:nth-child(2) > div{margin-top:30px;}
.my-active > ul > li > div:nth-child(2) > div p{font-size:12px;color:#333;font-weight:600;}
.my-active > ul > li > div:nth-child(2) > div p span{color:#f26532;}
.my-active > ul > li > div:nth-child(2) > div p > em{display:inline-block;margin:0 7px;color:#ccc;font-weight:100;}
.my-active > ul > li > div:nth-child(3) a{display:block;border-radius:4px;line-height:30px;width:133px;box-sizing:border-box;text-align:center;margin-top:6px;font-size:13px;font-weight:bold;} 
.my-active > ul > li > div:nth-child(3) a:nth-child(1){margin-top:0;border:1px solid #c1c1c1;color:#333;background:#fff;box-shadow:0 2px #f2f2f2;}
.my-active > ul > li > div:nth-child(3) a:nth-child(2){border:1px solid #ea4d14;color:#fff;background:#f26532;box-shadow:0 2px #ffe7de;}
.my-active > ul > li > div:nth-child(3) a:nth-child(3){border:1px solid #c1c1c1;color:#f26532;;background:#fff;box-shadow:0 2px #f2f2f2;}
.my-active > ul > li .figure{box-shadow: 0px 1px 8px 1px rgba(0,0,0,.2);width:100px;height:140px;position:relative;}
.my-active > ul > li .figure a{display:block;width:100px;height:140px;border-radius:8px;overflow:hidden;position:relative;font-size:14px;line-height:18px;font-weight:600;transition:.5s;}
.my-active > ul > li .figure img{display:block;width:100px;height:140px;}
.my-active > ul > li .bookIcon{margin-top:10px;}

/* 나의 작품 */
.my-active .s-title{padding:20px 0 20px 18px;font-size:16px;color:#333;font-weight:600;}
.my-active table{margin-bottom:20px;border-top:1px solid #f4f4f4;}
.my-active table th{border-top:1px solid #fff;}
.my-active table tr:nth-child(1) th{border-top:none;}
.my-active table th,.my-active table td{text-align:left;padding:10px 0 10px 15px !important;color:#333 !important;font-size:14px !important;font-weight:600 !important;}
.my-active table td > div{padding:10px;font-size:13px;color:#999;}

/* 나의 작품 정보 */
.my-active .my-collection{padding:25px 33px;border:1px solid #cdced1;border-radius:4px;margin-bottom:20px;position:relative;}
.my-active .my-collection:after{content:"";display:block;clear:both;}
.my-active .my-collection > div{float:left;}
.my-active .my-collection > div:nth-child(2){margin-left:16px;}
.my-active .my-collection .figure{box-shadow: 0px 1px 8px 1px rgba(0,0,0,.2);width:100px;height:140px;position:relative;}
.my-active .my-collection .figure a{cursor:default;display:block;width:100px;height:140px;border-radius:8px;overflow:hidden;position:relative;font-size:14px;line-height:18px;font-weight:600;transition:.5s;}
.my-active .my-collection .figure img{display:block;width:100px;height:140px;}
.my-active .my-collection .bookIcon{margin-top:10px;}
.my-active .my-collection p.genre{line-height:22px;color:#6673c1;font-size:14px;font-weight:600;}
.my-active .my-collection p.book-name{color:#333;font-size:15px;font-weight:600;}
.my-active .my-collection > div:nth-child(2) > div{margin-top:30px;}
.my-active .my-collection > div:nth-child(2) > div p{font-size:12px;color:#333;font-weight:600;}
.my-active .my-collection > div:nth-child(2) > div p span{color:#f26532;}
.my-active .my-collection > div:nth-child(2) > div p > em{display:inline-block;margin:0 7px;color:#ccc;font-weight:100;}

.collect-tbl{}
.my-active .collect-tbl th, .my-active .collect-tbl td{text-align:center !important;padding-left:0 !important;}
.my-active .collect-tbl th{padding:0 !important;}
.my-active .collect-tbl td{color:#999 !important;}
.my-active .collect-tbl td:nth-child(2){text-align:left !important;color:#333 !important;}
.my-active .collect-tbl td > div{text-align:center;padding:0;}
.my-active .collect-tbl td > div p{color:#f26532;display:inline-block;text-align:center;width:84px;}
.my-active .collect-tbl td a{line-height:30px !important;display:inline-block;color:#333;padding:0 15px;}

/* 나의 작품 > 글쓰기 */
.my-active.ipt table input[type='text']{margin-right:5px;width:181px;height:32px;line-height:30px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;
border:1px solid #ccc;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.my-active.ipt table input[type='text']:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}
.my-active.ipt table td span{display:inline-block;margin-top:-4px;color:#f26532;font-size:12px;vertical-align:middle;}
.my-active.ipt table tr:nth-child(2) td input[type='text']{width:650px;}
.my-active.ipt table tr:nth-child(4) td input[type='text'].hour{width:80px;}
.datepicker{width:400px;position:absolute;background:#fff;z-index:1000;border:1px solid #ff6633;border-radius:4px;box-shadow: 0 3px 5px 3px rgba(0,0,0,.2);}
.datepicker > div{text-align:center;position:relative;height:30px;}
.datepicker > div span{display:inline-block;line-height:30px;font-size:14px !important;font-weight:600;}
.datepicker > div span{margin:0 5px;}
.datepicker > div .date_left{position:absolute;left:0;top:3px;display:block;width:30px;height:30px;line-height:30px;}
.datepicker > div .date_right{position:absolute;right:0;top:3px;display:block;width:30px;height:30px;line-height:30px;}
.datepicker table th, .datepicker table td{text-align:center !important;}
.datepicker table td{transition:.5s;cursor:pointer;padding-left:0 !important;border-left:none !important;}
.datepicker table th{line-height:20px;padding-left:0 !important;}
.datepicker table th:first-child{color:#f00 !important;}
.datepicker table td.past_day{color:#d7d7d7 !important;cursor:default;}
.datepicker table td.past_day:hover{color:#d7d7d7 !important;}
.datepicker table td.today{color:#f26532 !important;}
.datepicker table td:hover{color:#f26532 !important;}
.my-active.ipt .ps-box{margin-bottom:20px;}
.my-active.ipt .btn-box{margin-bottom:0;}
.my-active.ipt .btn-box input{margin:0 2px;width:109px;padding:0;}
.my-active.ipt .btn-box input:hover {box-shadow: 0 6px 4px rgba(0,0,0,.075), 0 0 30px rgba(249,132,90,.6);}
.my-active.ipt .btn-box a{margin:0 2px;width:109px;padding:0;} 
.s-title.epub-input-title{padding-top:53px;}
.my-active.ipt table td.file_name div{padding:0;}
.my-active.ipt table td.file_name div:after{content:"";display:block;clear:both;}
.my-active.ipt table td.file_name p{float:left;}
.my-active.ipt table td.file_name input[type='text']{width:243px !important;}
.my-active.ipt .file-btn{position:relative;cursor:pointer;overflow:hidden;margin-left:6px;display:inline-block;border:1px solid #c2c2c2;background:#fff;text-align:center;width:74px;height:32px;
line-height:30px;border-radius:4px;box-shadow:0 2px #f2f2f2;color:#333;font-weight:600;box-sizing:border-box;}
.my-active.ipt .file-btn input{position:absolute;left:0;top:0;opacity:0;filter: alpha(opacity=0);width:74px;height:30px;display:block;cursor:pointer;}
.my-active.ipt table td.file_name span{display:block;text-align:left;margin-top:4px;}

.my-active.ipt table td .ipt-btn{margin-left:10px;display:inline-block;line-height:30px;}


.my-active.ipt .cash-modify{display:none;width:598px;height:580px;position:absolute;left:50%;top:176px;margin-left:-299px;background:#fff;border:1px solid #ff6633;border-radius:4px;
box-shadow:0 3px 5px 3px rgba(0,0,0,.2);box-sizing:border-box;z-index:9000;}
.my-active.ipt .cash-modify-inner{width:100%;height:580px;border:2px solid #ff9966;padding:20px 18px;position:relative;box-sizing:border-box;}
.my-active.ipt .cash-modify-inner h4{margin-bottom:22px;color:#ff6633;font-weight:600;font-size:18px;}
.my-active.ipt .cash-modify-inner .ps-box{margin-top:20px;padding:10px;}
.my-active.ipt .cash-modify-inner .ps-box ul li{font-size:13px;}
.my-active.ipt .cash-modify-inner input[type='text']{width:226px !important;}
.my-active.ipt .cash-modify-inner table td:nth-child(3){border-left:1px solid #f4f4f4;text-align:center;}
.my-active.ipt .cash-modify-inner table td input[type='button']{width:109px;height:62px;border-radius:4px;border:1px solid #ea4d14;background:#f26532;color:#fff;line-height:60px;box-sizing:border-box;
font-size:14px;font-weight:600;box-shadow:0 2px #ffe7de;cursor:pointer;transition:.5s;}
.my-active.ipt .cash-modify-inner table td input[type='button']:hover{box-shadow:0 6px 4px rgba(0,0,0,.075),0 0 30px rgba(249,132,90,.6);}
.my-active.ipt .cash-modify-inner .cash-modify-list{height:237px;overflow-y:auto;}
.my-active.ipt .cash-modify-inner .cash-modify-list > div ul:after{content:"";display:block;clear:both;}
.my-active.ipt .cash-modify-inner .cash-modify-list > div:first-child ul li{float:left;width:50%;text-align:Center;background:#f4f4f4;color:#333;font-size:13px;line-height:33px;font-weight:600;}
.my-active.ipt .cash-modify-inner .cash-modify-list > div:nth-child(2) ul li:after{content:"";display:block;clear:both;}
.my-active.ipt .cash-modify-inner .cash-modify-list > div:nth-child(2) ul li span{float:left;width:50%;text-align:Center;font-size:13px;line-height:50px;font-weight:600;border-bottom:1px solid #f4f4f4;}
.my-active.ipt .cash-modify-inner .cash-modify-list > div:nth-child(2) ul li span:nth-child(1){color:#999;}
.my-active.ipt .cash-modify-inner .cash-modify-list > div:nth-child(2) ul li span:nth-child(2){color:#333;}

/* 나의 작품 공지쓰기-리스트 */
.my-notice{position:absolute;right:34px;top:50%;margin-top:-25px;line-height:50px;display:block;width:80px;font-size:13px;font-weight:bold;color:#333;}
.collect-tbl.notice tbody td{text-align:center !important;}
.collect-tbl.notice tbody td:nth-child(1){text-align:left !important;color:#333 !important;padding-left:10px !important;}
.collect-tbl.notice tbody td:nth-child(2){text-align:center !important;color:#999 !important;}

/* 공지쓰기 */
.my-active.notice-ipt input[type='text']{width:650px;height:32px;line-height:30px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;
border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.my-active.notice-ipt textarea{transition:0.3s;width:650px;box-sizing:border-box;height:170px;border:1px solid #ccc;padding:10px;color:#333;font-weight:600;font-size:13px;overflow:auto;}
.my-active.notice-ipt textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;background:#fff;}
.my-active.notice-ipt .btn-box input{margin:0 2px;}
.my-active.notice-ipt .btn-box input:hover{box-shadow:0 6px 4px rgba(0,0,0,.075),0 0 30px rgba(249,132,90,.6);}
.my-active.notice-ipt .btn-box a{margin:0 2px;}
.my-active.notice-ipt .my-notice-content{margin-bottom:25px;border-bottom:1px solid #f4f4f4;padding:10px 18px;color:#333;font-size:13px;font-weight:600;line-height:20px;height:170px;box-sizing:border-box;width:100%;}

/* 서평/댓글 */
.tab .reply{margin-top:15px;}

/* 아이프레임 */
iframe{border:none;overflow:hidden;}

/* 라벨 */
.s-label{position:absolute;left:-11px;top:-11px;display:table;width:37px;height:37px;border-radius:37px;color:#fff;text-align:center;font-weight:600;z-index:100;
background: linear-gradient(135deg, rgba(97,209,69,.8) 1%,rgba(44,181,19,.9) 100%);}
.s-label em{font-size:13px;display:table-cell;vertical-align:middle;word-break:keep-all;color:#fff;font-weight:600;text-shadow:0 1px #444;}
.s-label span{display:block;}


/* 고객센터 */
.customer{padding:20px 0 100px;width:900px;margin:0 auto;box-sizing:border-box;}
.customer-top-menu{margin-top:18px;margin-bottom:35px;border:1px solid #d5d5d5;border-bottom:1px solid #b7b7b7;background:#fff;border-radius:6px;}
.customer-top-menu ul{}
.customer-top-menu ul:after{content:"";display:block;clear:both;}
.customer-top-menu ul li{float:left;box-sizing:border-box;width:20%;}
.customer-top-menu ul li a{padding:25px 0;height:26px;text-indent:-9999px;display:block;width:100%;}
.customer-top-menu ul li:nth-child(1) a{background:url(/images/customer/customer-1.png) no-repeat center center;}
.customer-top-menu ul li:nth-child(2) a{background:url(/images/customer/customer-2.png) no-repeat center center;}
.customer-top-menu ul li:nth-child(3) a{background:url(/images/customer/customer-3.png) no-repeat center center;}
.customer-top-menu ul li:nth-child(4) a{background:url(/images/customer/customer-4.png) no-repeat center center;}
.customer-top-menu ul li:nth-child(5) a{background:url(/images/customer/customer-5.png) no-repeat center center;}
.customer-top-menu ul li:nth-child(1) a.on{background:url(/images/customer/customer-1-on.png) no-repeat center center;}
.customer-top-menu ul li:nth-child(2) a.on{background:url(/images/customer/customer-2-on.png) no-repeat center center;}
.customer-top-menu ul li:nth-child(3) a.on{background:url(/images/customer/customer-3-on.png) no-repeat center center;}
.customer-top-menu ul li:nth-child(4) a.on{background:url(/images/customer/customer-4-on.png) no-repeat center center;}
.customer-top-menu ul li:nth-child(5) a.on{background:url(/images/customer/customer-5-on.png) no-repeat center center;}
.customer-top-menu ul li a em{display:block;border-left:1px solid #eaeaea;height:26px;}
.customer-top-menu ul li:first-child a em{border-left:none;}

.customer-inner{}
.c-faq-wrap{border:2px solid #d4d5d6;box-shadow:0 2px #f2f2f2;border-radius:6px;}
.c-faq{}
.c-faq-inner{padding:6px 0;}
.c-faq-inner:after{content:"";display:block;clear:both;}
.c-faq-inner p{float:left;margin-left:95px;line-height:32px;font-weight:600;color:#666;font-size:12px;}
.c-faq-inner input{float:left;height:28px;box-sizing:border-box;}
.c-faq-inner input[type='text']{box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;margin-left:25px;width:458px;padding:0 10px;box-sizing:border-box;line-height:30px;height:32px;border:1px solid #bfbfbf;}
.c-faq-inner input[type='text']:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}
.c-faq-inner input[type='submit']{margin-left:3px;font-weight:600;display:inline-block;box-sizing:border-box;margin-left:4px;border:none;cursor:pointer;height:32px;line-height:30px;width:56px;border:1px solid #c1c1c1;color:#333;text-align:center;box-shadow:0 2px #f3f3f3;
border-radius:4px;background:#fff;}
.c-faq-inner input[type='button']{margin-left:3px;font-weight:600;display:inline-block;box-sizing:border-box;margin-left:4px;border:none;cursor:pointer;height:32px;line-height:30px;width:56px;border:1px solid #c1c1c1;color:#333;text-align:center;box-shadow:0 2px #f3f3f3;
border-radius:4px;background:#fff;}
.customer-func{padding:34px 0;}
.customer-func ul{text-align:center;width:100%;}
.customer-func li{display:inline-block;background:url(/images/customer/lnb_line.jpg) no-repeat left center;}
.customer-func li:first-child{background:none;}
.customer-func li a{display:block;padding:0 7px;font-size:15px;color:#666;}
.customer-func li a.on{color:#fd6631;}
.customer-func p{text-align:center;font-size:16px;font-weight:600;}
.customer-func p span{color:#fd6631;}
.customer-table{width:100%;}
.customer-table thead th{line-height:33px;background:#f4f4f4;color:#333;}
.customer-table tbody td{border-bottom:1px solid #d4d5d6;line-height:44px;cursor:pointer;font-size:14px;font-weight:600;color:#46474b;}
.customer-table tbody td span{float:left;display:inline-block;color:#f26532;font-weight:600;margin-right:7px;}
.customer-table tbody td p{float:left;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.customer-table tbody tr:nth-child(2n-1) td:nth-child(1){text-align:center;}
.customer-table tbody tr:nth-child(2n){display:none;}
.customer-table tbody tr:nth-child(2n) td{padding:22px 0 19px 100px !important;line-height:24px;cursor:default;font-weight:normal;}
.customer-table tbody tr:nth-child(2n) td div{width:600px;}


.customer-table.notice tbody tr td{text-align:center;cursor:default;}
.customer-table.notice tbody tr td a{display:block;color:#46474b;padding-left:25px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;}
.customer-table.notice tbody tr td:nth-child(1){text-align:left;}
.customer-table.notice tbody tr td:nth-child(2){color:#999;font-size:12px;font-weight:normal;}
.customer-table.notice tbody tr:nth-child(2n){display:table-row;}
.customer-table.notice tbody tr:nth-child(2n) td{padding:0 !important;line-height:44px;font-weight:normal;}
.customer-notice{width:100%;border-top:1px solid #b6b7b7;margin-bottom:20px;table-layout:fixed;border-collapse:separate;}
.customer-notice tbody td{line-height:44px;border-bottom:1px solid #d4d5d6;font-size:15px;color:#666;font-weight:600;}
.customer-notice tbody tr:nth-child(1) td:nth-child(2){font-weight:600;font-size:15px;color:#333;}
.customer-notice tbody td:nth-child(1){text-align:center;font-weight:600;background:#f4f4f4;color:#333;}
.customer-notice tbody td:nth-child(2){border-left:1px solid #d4d5d6;padding-left:25px;}
.customer-notice tbody td:nth-child(2) p{padding:33px 0;line-height:22px;font-weight:normal;font-size:15px;color:#666;}
.default-btn-wrap{text-align:center;}
.default-btn-wrap a{display:inline-block;line-height:30px;height:32px;box-sizing:border-box;width:81px;margin:0 2px;color:#333;font-weight:bold;font-size:13px;}

.customer-use-wrap{background:#fff;border-top:2px solid #333;}
.customer-s-menu{}
.customer-s-menu.one li{width:50%;}
.customer-s-menu:after{content:"";display:block;clear:both;}
.customer-s-menu li{float:left;width:33.33%;box-sizing:border-box;border-right:1px solid #d4d5d6;}
.customer-s-menu li:first-child{border-left:1px solid #d4d5d6;}
.customer-s-menu li a{display:block;background:#f6f6f6;color:#8a93a1;line-height:42px;border-bottom:1px solid #d4d5d6;font-size:16px;text-align:center;font-weight:600;}
.customer-s-menu li a.on{color:#000;background:#fff;border-bottom:none;}
.customer-use{padding:30px 0px 0px 0px;}
.bookcube-app{box-sizing:border-box;border-radius:5px;background:#f6f6f6;padding:30px 52px;margin-bottom:30px;}
.bookcube-app:after{content:"";display:block;clear:both;}
.bookcube-app img{float:left;display:block;width:90px;height:90px;}
.bookcube-app div{float:left;margin-left:21px;width:425px;}
.bookcube-app div p{font-size:12px;letter-spacing:-.5px;color:#666;line-height:18px;}
.bookcube-app div p:first-child{margin-bottom:16px;}
.bookcube-app div p span{display:block;font-size:14px;font-weight:600;}
.bookcube-app div p em{display:block;font-size:20px;font-weight:600;line-height:20px;}
.bookcube-use-815{display:table;float:none !important;margin-left:0 !important;height:90px;}
.bookcube-use-815 p{display:table-cell;vertical-align:middle;font-size:16px !important;}
.bookcube-app a{font-weight:600;margin-top:10px;display:table;float:left;margin-left:26px;background:#666;color:#fff;border-radius:8px;width:138px;height:68px;text-align:center;font-size:14px;line-height:18px;}
.bookcube-app a span{display:table-cell;vertical-align:middle;}
.bookcube-use > div{display:none;}
.bookcube-use > div:first-child{display:block;}
.customer-use ul{}
.customer-use ul li{}
.customer-use ul li p{line-height:44px;background:#e7e7e7;color:#46474b;font-size:16px;height:44px;}
.customer-use ul li p:after{content:"";display:block;clear:both;}
.customer-use ul li p span{float:left;display:inline-block;width:100px;height:44px;background:#f26532;color:#fff;vertical-align:middle;text-align:center;}
.customer-use ul li p em{float:left;padding-left:17px;}
.customer-use ul li p i{color:#f26532;font-style:normal;}
.bookcube-815{width:100%;}
.bookcube-815 thead th{line-height:33px;background:#f4f4f4;color:#333;}
.bookcube-815 tbody td{border-bottom:1px solid #d4d5d6;line-height:44px;text-align:left;color:#333;font-weight:600;}
.bookcube-815 tbody td:nth-child(1){padding-left:25px;font-size:14px;}
.bookcube-815 tbody td:nth-child(2){text-align:center;font-size:12px;}
.bookcube-815 tbody td a{display:inline-block;height:32px;line-height:30px;color:#fff;text-align:center;width:62px;color:#333;width:81px;box-sizing:border-box;}

.customer-s-menu.service li{width:180px;}
.bookcube-service{margin-bottom:50px;}
.bookcube-service img{display:block;}


/* 1:1문의하기 */
.book_title_box.one{margin-bottom:23px;}
.book_title_box p{margin-left:24px;}
.book_title_box p:after{content:"";display:block;clear:both;}
.book_title_box p a{float:left;font-size:16px;color:#464749;font-weight:600;}
.book_title_box p a.on{color:#f46000;}
.book_title_box p em{display:block;float:left;margin:0 10px;color:#dcdcdc;}
.one-ps{padding-top:20px;padding-right:16px;}
.one-ps:after{content:"";display:block;clear:both;}
.one-ps p{float:right;color:#f46000;font-weight:600;}
.onebyone{margin-top:10px;width:100%;border-top:1px solid #b7b7b7;border-collapse:separate;}
.onebyone th{border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;height:44px;font-weight:600;font-size:14px;color:#666;}
.onebyone th span{color:#f46000;}
.onebyone td{border-bottom:1px solid #d4d4d4;padding:10px 18px;font-size:14px;line-height:18px;color:#666;}
.select-wrap:after{content:"";display:block;clear:both;}
.one-sel{position:relative;float:left;margin-right:5px;}
.one-select{font-size:12px;width:200px;height:28px;border:1px solid #d4d4d4;background:url(/images/select.gif) no-repeat 180px center;line-height:26px;padding-left:13px;box-sizing:border-box;cursor:pointer;}
.one-list{display:none;position:absolute;left:0;top:28px;border:1px solid #d4d4d4;border-top:none;width:200px;box-sizing:border-box;padding-left:13px;background:#fff;z-index:100;}
.one-list li{font-size:12px;height:26px;line-height:26px;cursor:pointer;}
.select-ps p{font-size:12px;color:#f46000;line-height:18px;position:relative;padding-left:8px;box-sizing:border-box;}
.select-ps p:first-child{margin-top:10px;}
.onebyone textarea{padding:10px;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;box-sizing:border-box;width:100%;height:280px;border:1px solid #e5e6e7;background:#f3f3f4;resize:none;
padding:5px;overflow:auto;}
.onebyone textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;background:#fff;line-height:18px;font-size:13px;}

.onebyone input[type='text']{height:28px;border:1px solid #d5d5d5;line-height:28px;padding:0 10px;line-height:28px;box-sizing:border-box;}
.onebyone input.q-title{width:561px;}
.onebyone input.q-reply{float:left;width:342px;vertical-align:middle;}
.q-device{color:#f46000;font-weight:600;}
.onebyone input[type='file']{width:342px;height:28px;font-size:12px;box-sizing:border-box;border:1px solid #d5d5d5;line-height:28px;}
.one-reply-alram:after{content:"";display:block;clear:both;}
.one-reply-alram input[type='checkbox']{float:left;margin-left:10px;margin-top:4px;widtH:19px;height:19px;padding:0;}
.one-reply-alram label{float:left;line-height:19px;margin-top:3px;}
.one-s-ps{margin-top:5px;color:#9f9f9f;font-size:12px;}
.one-btn{text-align:center;margin-top:38px;}
.one-btn input[type='button']{font-weight:600;display:inline-block;box-sizing:border-box;border:none;cursor:pointer;height:32px;width:86px;border:1px solid #c1c1c1;color:#333;text-align:center;box-shadow:0 2px #f3f3f3;
border-radius:4px;background:#fff;font-weight:600;font-size:14px;}
.one-btn input[type='submit']{font-weight:600;display:inline-block;box-sizing:border-box;border:none;cursor:pointer;height:32px;width:86px;border:1px solid #c1c1c1;color:#333;text-align:center;box-shadow:0 2px #f3f3f3;
border-radius:4px;background:#fff;}
.one-btn a{font-weight:600;display:inline-block;box-sizing:border-box;border:none;cursor:pointer;height:32px;width:66px;border:1px solid #c1c1c1;color:#333;text-align:center;box-shadow:0 2px #f3f3f3;
border-radius:4px;background:#fff;line-height:30px;font-size:14px;font-weight:600;}
.onebyone-step{text-align:center;margin-bottom:50px;padding-top:24px;}
.onebyone-step p{font-weight:600;margin-top:16px;font-size:14px;color:#464648;line-height:18px;}
.onebyone-step p span{color:#f46000;}
.onebyone-list{width:100%;text-align:center;table-layout:fixed;}
.onebyone-list th{height:33px;background:#f4f4f4;background:#f4f4f4;color:#333;}
.onebyone-list td{height:44px;border-bottom:1px solid #f4f4f4;font-size:14px;color:#666;}
.onebyone-list tr td:nth-child(2){text-align:left;padding-left:20px;}
.onebyone-list tr td:nth-child(2) a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-weight:600;}
.onebyone-list tr td.one-ar{color:#f46000;}
.onebyone-list tr:last-child th, .onebyone-list tr:last-child td{border-bottom:1px solid #b6b7b7;}

.onebyone tr.one-answer th, .onebyone tr.one-answer td{background:#f6f6f6;}
.one-dot{background:url(/images/one-dot.gif) no-repeat left center;width:5px;height:18px;text-indent:-9999px;position:absolute;left:0;top:0px;}
.onebyone tr:last-child th,.onebyone tr:last-child td{border-bottom:1px solid #b6b7b7;}
.one-file:after{content:"";display:block;clear:both;}
.one-file input[type='text']{margin-right:5px;height:32px;line-height:30px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;
border:1px solid #ccc;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;width:243px;}
.one-file input[type='text']:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}
.one-file p{float:left;}
.one-file .file-btn{position:relative;cursor:pointer;overflow:hidden;margin-left:6px;display:inline-block;border:1px solid #c2c2c2;background:#fff;text-align:center;width:74px;height:32px;
line-height:30px;border-radius:4px;box-shadow:0 2px #f2f2f2;color:#333;font-weight:600;box-sizing:border-box;}
.one-file .file-btn input{position:absolute;left:0;top:0;opacity:0;filter: alpha(opacity=0);width:74px;height:30px;display:block;cursor:pointer;}
.one-reply-alram input[type='text']{margin-right:5px;height:32px;line-height:30px;box-sizing:border-box;padding-left:8px;color:#333;font-size:15px;font-weight:600;
border:1px solid #ccc;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;width:243px;}
.one-reply-alram input[type='text']:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}
.one-reply-alram .checkbox{margin-top:3px;float:left;margin-left:10px;width:300px;}
.one-reply-alram .checkbox p{margin-left:5px;float:left;line-height:24px;}


/* 마이페이지 서평 */
.my-reply{margin-top:15px;}
.my-reply td{font-size:13px !important;text-align:center !important;padding-left:0 !important;}
.my-reply td div a{line-height:30px !important;padding:0 15px;}
.my-reply td:nth-child(1){text-align:left !important;padding-left:12px !important;}
.my-reply td:nth-child(1) p:nth-child(2){margin-top:20px;font-size:13px;color:#666;line-height:20px;}
.my-reply .my-rank{font-size:13px;color:#999;display:block !important;}
.my-reply .my-rank .list-star{display:inline-block !important;}
.my-reply .my-rank em{display:inline-block !important;margin:0 8px;color:#ccc;font-weight:100;}
.my-reply .reply-modify{border-top:1px solid #f4f4f4;display:none;}
.my-reply .reply-modify .review-text-area{text-align:center;}
.my-reply .reply-modify .star-vote{font-size:16px !important;margin:0 auto !important;color:#666 !important;}
.my-reply .reply-modify .review-text{display:block;text-align:left;}
.my-reply .reply-modify .review-text > div{margin-top:25px;padding:10px 18px;border-top:1px solid #f4f4f4;}
.my-reply .reply-modify .review-text > div:after{content:"";display:block;clear:both;}
.my-reply .reply-modify .review-text > div .checkbox{float:left;margin-top:5px;}
.my-reply .reply-modify .review-text > div .checkbox > p{float:right;margin-top:0;line-height:20px;font-size:14px;color:#666;margin-left:8px;}
.my-reply .reply-modify .review-text > div .text-btn{float:right;}
.my-reply .reply-modify .review-text > div .text-btn a{margin:0 1px;display:inline-block;line-height:26px;font-size:13px;color:#333;}
.my-reply .reply-modify .review-text textarea{transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;width:100%;height:392px;box-sizing:border-box;border:1px solid #eaeaea;
border-radius:2px;background:#f4f4f4;padding:24px;font-size:14px;color:#666;line-height:20px;overflow:auto;}
.my-reply .reply-modify .review-text textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;background:#fff;}


/* 마이페이지 댓글 */
.tab-sort:after{content:"";display:block;clear:both;}
.tab-sort .checkbox p{float:right;font-size:13px;line-height:20px;color:#333;margin-left:10px;font-weight:600;}
.tab-sort > a{float:right;line-height:30px;height:32px;box-sizing:border-box;width:56px;color:#333;font-size:13px;font-weight:bold;}
.frame .tab .reply-tbl{}
.frame .tab .reply-tbl td:nth-child(1){text-align:left;padding-left:10px;}
.frame .tab .reply-tbl td:nth-child(2){font-size:13px;color:#666;line-height:20px;}
.frame .tab .reply-tbl.sunho{}
.frame .tab .reply-tbl.sunho .figure{display: table-cell;width:100px;height:140px;position:relative;box-shadow:none;}
.frame .tab .reply-tbl.sunho .figure:before{box-sizing:border-box;content:"";position:absolute;left:0;right:0px;display:block;height:140px;box-shadow:0px 1px 8px 1px rgba(0,0,0,.2);border-radius:8px;}
.frame .tab .reply-tbl.sunho .figure a{display:block;border-radius:8px;overflow:hidden;position:relative;width:100px;height:140px;}
.frame .tab .reply-tbl.sunho .figure a img{width:100px;height:140px;}
.frame .tab .reply-tbl.sunho td:nth-child(2) div:nth-child(2){display:table-cell;padding-left:25px;vertical-align:middle;color:#333;}
.frame .tab .reply-tbl.sunho .s-title{font-size:14px;color:#333;font-weight:600;}
.frame .tab .reply-tbl.sunho .s-up{margin-left:4px;display:inline-block;width:19px;height:20px;background:url(/images/s-up.png) no-repeat left center;text-indent:-9999px;}
.frame .tab .reply-tbl.sunho .s-author{font-size:12px;color:#999;font-weight:bold;}
.frame .tab .reply-tbl.sunho .s-genre{margin-top:10px;font-size:14px;font-weight:600;}
.frame .tab .reply-tbl.sunho .s-genre.novel{color:#7a63a9;}
.frame .tab .reply-tbl.sunho .s-genre.toon{color:#e81818;}

/* 선호작가 */
.sunho-author{border-top:1px solid #f4f4f4;}
.sunho-author .author-book > div{padding:18px 18px 0 18px;}
.sunho-author .author-book > div:after{content:"";display:block;clear:both;}
.sunho-author .author-book > div a{float:right;display:inline-block;line-height:30px;height:32px;box-sizing:border-box;color:#333;font-size:13px;font-weight:bold;text-align:Center;width:58px;}
.sunho-author .author-book h4{float:left;font-size:20px;color:#333;font-weight:600;line-height:32px;}
.sunho-author .author-book .mds{border-bottom:1px solid #f4f4f4;}

/* 쿠폰 등록 */
.coupon{}
.coupon h3{margin-top:55px;padding-left:16px;font-size:20px;color:#333;font-weight:600;margin-bottom:10px;line-height:34px;}
.coupon-ipt{width:900px;height:120px;box-sizing:border-box;padding:43px 0;border:1px solid #cdced1;border-radius:6px;text-align:center;}
.coupon-ipt label{display:inline-block;margin-right:15px;font-size:20px;color:#333;font-weight:600;line-height:32px;vertical-align:middle;}
.coupon-ipt input{display:inline-block;}
.coupon-ipt input[type='text']{margin-right:10px;width:370px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;height:32px;box-sizing:border-box;line-height:30px;border:1px solid #cdced1;padding:0 10px;}
.coupon-ipt input[type='text']:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}
.coupon-ipt input[type='button']{width:109px;height:32px;box-sizing:border-box;line-height:30px;border:1px solid #ea4d14;background:#f26532;color:#fff;font-size:13px;font-weight:bold;cursor:pointer;
border-radius:4px;box-shadow:0 2px #ffe7de;transition:.5s;}
.coupon-ipt input[type='button']:hover{box-shadow:0 6px 4px rgba(0,0,0,.075),0 0 30px rgba(249,132,90,.6);}
.coupon-ps{width:900px;height:163px;background:url(/images/coupon-ps.png) no-repeat left center;}
.coupon-ps:after{content:"";display:block;clear:both;}
.coupon-ps > div{float:left;height:163px;box-sizing:border-box;}
.coupon-ps > div:nth-child(1){width:245px;text-align:center;padding-top:115px;}
.coupon-ps > div:nth-child(1) a{display:inline-block;text-align:center;line-height:30px;height:32px;text-align:Center;color:#333;font-weight:bold;font-size:13px;}
.coupon-ps > div:nth-child(2){width:655px;display:table;padding-left:37px;}
.coupon-ps > div:nth-child(2) ol{display:table-cell;vertical-align:middle;}
.coupon-ps > div:nth-child(2) ol li{font-size:13px;color:#666;font-weight:600;line-height:22px;}
.coupon-ps > div:nth-child(2) ol li span{display:block;padding-left:16px;}
.coupon-ps.cou > div:nth-child(1){background:url(/images/coupon-icon.png) no-repeat center 19px;}
.coupon-ps.gift > div:nth-child(1){background:url(/images/gift-icon.png) no-repeat center 19px;}
.coupon-ps.save > div:nth-child(1){background:url(/images/save-icon.png) no-repeat center 24px;}
.coupon-ps.gift-card{height:233px;background:url(/images/gift-card.png) no-repeat left center;} 
.coupon-ps.gift-card > div:nth-child(1){padding-top:144px;background:url(/images/save-icon.png) no-repeat center 54px;}
.coupon-ps.gift-card > div{height:233px;}

/* 이벤트 당첨자 발표 */
.customer-contents.event{margin-top:18px;}

/* 성인인증페이지 */
.common-title{height:80px;border-bottom:1px solid #f4f4f4;text-align:center;}
.common-title h1, .common-title h3{line-height:80px;color:#ff6633;font-weight:600;font-size:30px;}
.adult-certify{width:900px;margin:0 auto;padding:50px 0 100px;}
.adult-certify .adult-box{margin-bottom:30px;background:#f4f4f4;border-radius:6px;height:260px;box-sizing:border-box;padding:50px 80px 0;}
.adult-certify .adult-box:after{content:"";display:block;clear:both;}
.adult-certify .adult-box img{display:block;float:left;}
.adult-certify .adult-box > div{padding-top:20px;float:left;margin-left:25px;}
.adult-certify .adult-box > div.not-use{padding-top:50px;}
.adult-certify .adult-box > div p{font-size:16px;color:#cc0000;font-weight:600;line-height:22px;}
.adult-certify .adult-box > div a{margin-top:12px;display:block;width:129px;height:32px;line-height:30px;color:#fff;text-align:center;border:1px solid #c41c1c;background:#ce2f2f;font-size:14px;font-weight:600;
border-radius:6px;color:#fff;box-shadow:0 2px #f6ded5;}
.adult-choice{margin-bottom:25px;border-top:1px solid #cdced1;border-bottom:1px solid #cdced1;padding:40px 0;}
.adult-choice:after{content:"";display:block;clear:both;}
.adult-choice > div{float:left;width:50%;text-align:Center;box-sizing:border-box;}
.adult-choice > div:nth-child(1){padding-left:160px;}
.adult-choice > div:nth-child(2){padding-right:160px;}
.adult-choice label{margin-left:5px;font-size:14px;color:#666;font-weight:600;}
.adult-choice input[type='radio']{margin:0;padding:0;width:20px;height:20px;}
.adult-btn{text-align:Center;}
.adult-btn input[type='button']{display:inline-block;height:50px;line-height:48px;color:#333;font-weight:600;font-size:14px;padding:0 20px;box-sizing:border-box;vertical-align:middle;background:#fff;
cursor:pointer;border-radius:4px;border:1px solid #c1c1c1;box-shadow:0 2px #f2f2f2;}
.adult-btn a{margin:0 3px;display:inline-block;height:50px;line-height:48px;color:#333;font-weight:600;font-size:14px;padding:0 20px;box-sizing:border-box;vertical-align:middle;}


/* 회원가입 */
.user{width:300px;margin:0 auto;padding-top:18px;}

/* 로그인 팝업 */
.login-bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;}
.login-pop{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999;}
.login-pop .pop{box-sizing:border-box;position:absolute;width:320px;top:155px;left:50%;margin-left:-160px;padding:18px 10px 18px 10px;background:#fff;border-radius:3px;
box-shadow:-1px 1px 15px rgba(0,0,0,0.75);}
.login-pop .pop-top:after{content:"";display:block;clear:both;}
.login-pop .close{float:right;display:block;width:15px;height:15px;background:url(/images/main/login-close.png) no-repeat left center;text-indent:-9999px;}
.login-pop .login-prev{float:left;display:block;width:9px;height:15px;background:url(/images/main/login-prev.png) no-repeat left center;text-indent:-9999px;}
.login-pop .title{margin:7px 0 20px 0;text-align:Center;font-size:16px;font-weight:600;}
.join-wrap{margin-top:9px;}
.join-wrap .info{margin-top:20px;font-size:13px;color:#999;text-align:center;}
.js-join{position:relative;margin-bottom:4px;}
.js-join input{border-radius:4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;width:100%;height:51px;line-height:51px;background:#fff;border:1px solid #ccc;padding-left:10px;padding-right:10px;box-sizing:border-box;font-size:15px;color:#333;}
/*.js-join input:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}*/
.js-join.on input:focus{box-shadow:none;}
.js-join p{margin-left:10px;color:#333;font-size:15px;line-height:50px;font-weight:600;}
.js-join p.check{position:absolute;top:50%;margin-top:-10px;right:10px;height:20px;line-height:20px;color:#ff3333;font-size:12px;text-align:right;font-weight:600;background:#fff;display:none;}
.join-check{margin-top:10px;padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.join-check label{display:block;margin-top:20px;}
.join-check label:first-child{margin-top:0;}
.join-check label:after{content:"";display:block;clear:both;}
.join-check label span input{display:inline-block;margin-right:7px;}
.join-check label span{display:inline-block;float:left;height:19px;line-height:17px;}
.join-check label a{display:block;float:right;background:#fff;height:17px;line-height:17px;border:1px solid #ccc;border-radius:1px;box-shadow:1px 1px #eaeaea;color:#333;font-size:12px;padding:0 9px;}
.join-wrap > input[type='submit']{cursor:pointer;font-size:20px;font-weight:600;margin-top:20px;margin-bottom:60px;display:block;width:100%;line-height:58px;height:58px;border:1px solid #dc4510;background:#f26432;color:#fff;text-align:center;box-shadow:1px 1px #eaeaea;border-radius:4px;}
.join-modify-btn{margin-top:20px;padding-top:20px;border-top:1px solid #ccc;}
.join-modify-btn div:after{content:"";display:block;clear:both;}
.join-modify-btn input[type='submit']{box-sizing:border-box;float:left;font-size:20px;font-weight:600;margin-bottom:60px;display:inline-block;width:49%;line-height:58px;height:58px;border:1px solid #dc4510;background:#f26432;color:#fff;text-align:center;box-shadow:1px 1px #eaeaea;border-radius:4px;}
.join-modify-btn a{box-sizing:border-box;float:right;font-size:20px;font-weight:600;margin-bottom:60px;display:inline-block;width:49%;line-height:58px;height:58px;border:1px solid #ccc;background:#fff;color:#666;text-align:center;box-shadow:1px 1px #eaeaea;border-radius:4px;}
.join-wrap input[type='checkbox']{width:19px;height:19px;}
.find-result{border:1px solid #ccc;background:#fff;text-align:center;padding:30px 0;}
.find-result p{font-size:15px;color:#666;line-height:20px;}
.find-result p span{color:#333;font-weight:600;}
.m-login{padding:15px 5px 0 5px;}
.m-login:after{content:"";display:block;clear:both;}
.m-login label{float:left;font-size:13px;color:#666;line-height:20px;}
.m-login label input{width:19px;height:19px;margin:0 7px 0 0;}
.m-login p{float:right;font-size:13px;line-height:20px;}
.m-login p:after{content:"";display:block;clear:both;}
.m-login p a{float:left;display:block;}
.m-login p em{display:inline-block;float:left;margin:0 9px;}
.m-login .checkbox p{color:#666;margin-left:10px;font-weight:600;}
.login-find{padding:15px 0;border-bottom:1px solid #ccc;}
.login-find input[type='button']{cursor:pointer;display:block;width:100%;height:58px;line-height:60px;border:1px solid #dc4510;background:#f26432;color:#fff;text-align:center;font-weight:600;font-size:20px;border-radius:4px;box-shadow:1px 1px #eaeaea;}
.login-btn{margin-top:20px;}
.login-btn input[type='submit']{box-sizing:border-box;cursor:pointer;display:block;width:100%;height:46px;line-height:46px;border:1px solid #dc4510;background:#f26432;color:#fff;text-align:center;font-weight:600;font-size:20px;border-radius:4px;box-shadow:1px 1px #eaeaea;}
.login-btn a{box-sizing:border-box;margin-top:10px;display:block;width:100%;height:46px;line-height:46px;border:1px solid #ccc;background:#fff;color:#666;text-align:center;font-weight:600;font-size:16px;border-radius:4px;}
.login-btn a.go-main{display:block;width:100%;height:58px;line-height:60px;border:1px solid #dc4510;background:#f26432;color:#fff;text-align:center;font-weight:600;font-size:20px;border-radius:4px;}
.simple-login p.join-title{font-size:16px;font-weight:600;color:#666;padding-bottom:10px;padding-left:3px;}
.simple-login .login-btn{margin-top:0;}
.simple-login .login-btn a{background:#f26432;color:#fff;border:none;}
.simple-login p.join-title.second{padding-top:10px;}
.simple-login .simple-login-btn{margin-top:10px;}
.login-btn.facebook a{background:#4268b3;border:1px solid #3256a0;color:#fff;}
.login-btn.naver a{background:#20bc03;border:1px solid #1aa200;color:#fff;}
.simple-login-btn{margin-top:10px;/*border-top:1px solid #ccc;*/}
.simple-login-btn .login-btn{margin-top:5px;}
.simple-login-btn .login-btn:first-child{margin-top:0;}
.simple-login-btn .login-btn a{padding-top:10px;margin-top:0px;background:#fff;font-size:16px;color:#666;border:1px solid #c1c1c1;line-height:24px;box-shadow:1px 1px #eaeaea;}
.simple-login-btn .login-btn a p{width:185px;margin:0 auto;text-align:left;letter-spacing:-1px \0/IE9;}
.simple-login-btn .login-btn a p.register{width:200px;}
.simple-login-btn .login-btn a span{margin-right:10px;display:inline-block;width:24px;height:24px;vertical-align:middle;text-indent:-9999px;}
.simple-login-btn .login-btn a span.kakaotalk{background:url(/images/main/kakaotalk.png) no-repeat left center;}
.simple-login-btn .login-btn a span.naver{background:url(/images/main/naver.png) no-repeat left center;}
.simple-login-btn .login-btn a span.facebook{background:url(/images/main/facebook.png) no-repeat left center;}
.simple-login-btn .login-btn a span.twitter{background:url(/images/main/twitter.png) no-repeat left center;}
.simple-login-btn .login-btn a span.payco{background:url(/images/main/payco.png) no-repeat left center !important;padding:0;border:none;}
.simple-login-btn p.now-start{margin-bottom:15px;text-align:center;font-size:13px;color:#999;}
.simple-login-btn p.now-start span{background:url(/images/main/now-start.png) no-repeat left center;padding-left:15px;display:inline-block;color:#666;}
.simple-login-btn p.now-start a{margin-left:10px;display:inline-block;color:#f26432;font-weight:bold;}
.simple-login-btn input[type='submit']{box-sizing:border-box;cursor:pointer;display:block;width:100%;height:46px;line-height:46px;border:1px solid #dc4510;background:#f26432;color:#fff;text-align:center;font-weight:600;font-size:16px;border-radius:4px;box-shadow:1px 1px #eaeaea;}
.simple-login-btn.or{padding-top:13px;position:relative;}
.login-or{position:relative;margin-top:20px;border-top:1px solid #cbcbcb;}
p.or{text-align:center;width:60px;line-height:16px;position:absolute;left:50%;margin-left:-30px;top:-9px;background:#fff;font-size:13px;color:#999;}
.join-connect{padding:21px 10px;background:#fff;}
.sns-logo{text-align:center;width:60px;height:60px;margin:0 auto;text-indent:-9999px;}
.sns-logo.naver{background:url(/book/images/m_book/icon.png) no-repeat center center;background-size:320px 450px;background-position:-258px -1px;}
.sns-logo.twitter{background:url(/book/images/m_book/icon.png) no-repeat center center;background-size:320px 450px;background-position:-196px -1px;}
.sns-logo.kakao{background:url(/book/images/m_book/icon.png) no-repeat center center;background-size:320px 450px;background-position:-134px -1px;}
.sns-logo.facebook{background:url(/book/images/m_book/icon.png) no-repeat center center;background-size:320px 450px;background-position:-72px -1px;}
.sns-logo.bookcube{background:url(/book/images/m_book/icon.png) no-repeat center center;background-size:320px 450px;background-position:-11px -1px;}
.sns-logo.payco{background:url(/book/images/m_book/share-payco.png) no-repeat center center;background-size:60px 60px;}
.sns-logo.apple{background:url(/book/images/m_book/my-apple.png) no-repeat center center;background-size:60px 60px;}
.sns-confirm{margin-top:10px;text-align:center;font-size:13px;color:#999;font-weight:600;}
.id-connect-wrap{margin-top:30px;}
.id-connect-wrap > p{color:#f26432;font-size:13px;line-height:16px;font-weight:600;}
.id-connect-wrap > p span{margin-top:5px;font-size:12px;display:block;color:#999;}
.bookcube-connect > p{margin-top:10px;border:1px solid #c1c1c1;height:44px;line-height:44px;text-align:center;font-size:16px;color:#666;
background:url(/book/images/m_book/login-arrow.png) no-repeat 96% center #fff;font-weight:600;background-size:12px 9px;border-radius:3px;}
.bookcube-connect > p.on{box-shadow:1px 0 #eaeaea;border-radius:0px;border-top-left-radius:3px;border-top-right-radius:3px;}
.bookcube-connect > p a{display:block;font-weight:600;}
.bookcube-input{display:none;background:#fff;padding:16px 10px;border:1px solid #c1c1c1;border-top:none;box-shadow:1px 1px #eaeaea;border-radius:3px;border-top-left-radius:0px;border-top-right-radius:0px;}
.bookcube-input:after{content:"";display:block;clear:both;}
.connect-join{margin-bottom:5px;}
.connect-join:after{content:"";display:block;clear:both;}
.connect-join input{width:100%;height:46px;line-height:46px;border:1px solid #ccc;padding-left:10px;box-sizing:border-box;font-size:15px;}
.connect-join > p{float:right;}
.connect-join > p a{display:inline-block;line-height:34px;color:#999;font-size:13px;}
.connect-join > p em{display:inline-block;margin:0 7px;color:#999;}
.bookcube-connect .bookcube-login{box-sizing:border-box;cursor:pointer;display:block;width:100%;height:46px;line-height:46px;border:1px solid #dc4510;
background:#f26432;color:#fff;text-align:center;font-weight:600;font-size:16px;border-radius:4px;box-shadow:1px 1px #eaeaea;}
.sns-connect{margin-top:28px;}
.sns-connect > p{margin-left:7px;color:#f26432;font-size:13px;font-weight:bold;}
.sns-connect > p span{margin-top:5px;font-size:11px;display:block;color:#999;line-height:16px;}
.sns-connect a{margin:10px 0;box-sizing:border-box;cursor:pointer;display:block;width:100%;height:46px;line-height:46px;border:1px solid #dc4510;background:#f26432;color:#fff;
text-align:center;font-weight:600;font-size:16px;border-radius:4px;box-shadow:1px 1px #eaeaea;}
.pil-dok{padding:15px 10px;width:100%;background:#eaeaea;height:96px;box-sizing:border-box;border-radius:5px;}
.pil-dok.login{padding:0;margin-top:20px;}
.pil-top{font-size:12px;padding-left:50px;background:url(/images/main/pil-dok.png) no-repeat left center;line-height:18px;color:#666;font-weight:600;letter-spacing:-1px \0/IE9;}
.pil-link{margin-top:18px;}
.pil-link p{float:left;letter-spacing:-0.5px;width:50%;text-align:Center;box-sizing:border-box;}
.pil-link p:first-child{border-right:1px solid #ccc;}
.pil-link p a{color:#f26432;font-weight:600;}
.pil-link em{display:inline-block;margin:0 6px;float:left;color:#ccc;}
.pil-link:after{content:"";display:block;clear:both;}
.join-certify-btn{padding-bottom:20px;border-bottom:1px solid #ccc;}
.join-certify-btn a{margin-top:9px;display:block;width:100%;height:58px;line-height:60px;border:1px solid #ccc;background:#fff;color:#666;text-align:center;font-weight:600;font-size:20px;border-radius:4px;box-shadow:1px 1px #eaeaea;}
.certify-ps{margin-top:20px;}
.certify-ps li{position:relative;margin-bottom:10px;padding-left:16px;color:#999;font-size:13px;line-height:20px;}
/*.certify-ps li span{position:absolute;left:0;}*/
.certify-ps li span{padding-left:8px;}
.join-customer{margin-top:20px;padding-top:20px;border-top:1px solid #ccc;text-align:center;font-size:13px;color:#666;}
.mt20{margin-top:20px;}
.join-check > div{padding-top:15px;padding-left:3px;}
.join-check > div > a{display:block;float:right;line-height:18px;}
.join-check > div:after{content:"";display:block;clear:both;}
.join-check > div:nth-child(1){padding-top:0;}
.join-check .checkbox label{float:left;}
.join-check .checkbox label span{z-index:-1;}
.join-check .checkbox label span i{z-index:-1;}
.join-check p{float:right;font-size:13px;line-height:20px;color:#666;margin-left:10px;font-weight:400;}
.fourteen{padding-top:12px;border-top:1px solid #ccc;}
.fourteen label{margin-left:4px;float:left;font-size:13px;color:#666;line-height:20px;}
.fourteen .checkbox p{float:right;font-size:14px;line-height:20px;color:#666;margin-left:10px;font-weight:600;color:#666;}
.fourteen label span{z-index:0;}

/* 회원가입 완료 */
.join-end{text-align:center;}
.join-end h3{font-size:15px;font-weight:600;color:#666;line-height:24px;}
.join-end a{margin:17px 0;height:46px;font-size:16px;line-height:44px;display:block;box-sizing:border-box;}
.join-end .certify-btn{border:1px solid #dc4510;color:#fff;background:#f26532;border-radius:4px;text-align:Center;box-shadow:0 2px #f2f2f2;}
.join-end > p{font-size:15px;color:#f26532;line-height:24px;font-weight:600;}
.join-end .join-saving{margin-top:17px;border:1px solid #ccc;}
.join-end .join-saving img{display:block;width:100%;}

/* 에러페이지 */
.error{padding:0 17px;border:1px solid #cdced1;border-radius:4px;}
.error div{padding:40px 0;text-align:center;}
.error div:first-child{border-bottom:1px solid #f4f4f4;}
.error div:first-child p:first-child{margin-bottom:40px;color:#f63;font-size:30px;font-weight:600;}
.error div p{color:#333;font-size:14px;font-weight:600;line-height:24px;}
.error div p span{color:#f63;}
.error div em{display:block;margin-bottom:20px;font-size:14px;color:#333;font-weight:600;}
.error div:nth-child(2) p{display:inline-block;vertical-align:middle;font-size:14px;color:#333;line-height:14px;margin-right:5px;}
.error div:nth-child(2) ul{display:inline-block;vertical-align:middle;}
.error div:nth-child(2) li{display:inline-block;font-size:14px;color:#666;line-height:14px;padding:0 10px;}
.error div:nth-child(2) li:first-child{border-right:1px solid #ccc;}

/* 북큐브 정액권 구매하기 */
.special-confirm .special-top{background:#ffede2;}
.special-confirm .special-top .special-inner{width:1100px;margin:0 auto;}
.special-confirm .special-top .special-inner img{display:inline-block;}
.special-confirm .special-bottom{width:900px;margin:0 auto;padding-top:50px;padding-bottom:100px;}
.special-confirm .special-bottom .special-title{padding-left:16px;margin-bottom:13px;}
.special-confirm .special-bottom .special-title:after{content:"";display:block;clear:both;}
.special-confirm .special-bottom .special-title h3{float:left;font-size:20px;color:#333;font-weight:600;line-height:32px;}
.special-confirm .special-bottom .special-title a{float:left;margin-left:15px;line-height:30px;color:#333;font-size:13px;font-weight:bold;}
.special-confirm .special-bottom .special-buy{margin-bottom:50px;}
.special-confirm .special-bottom .special-buy .special-buy-top{height:8px;width:100%;background:url(/images/special-buy-top.jpg) no-repeat left center;}
.special-confirm .special-bottom .special-buy .special-buy-middle{border-left:2px solid #e8e8e8;border-right:2px solid #e8e8e8;box-sizing:border-box;}
.special-confirm .special-bottom .special-buy .special-buy-middle:after{content:"";display:block;clear:both;}
.special-confirm .special-bottom .special-buy .special-buy-middle > div{float:left;}
.special-confirm .special-bottom .special-buy .special-buy-middle > div:nth-child(1){width:243px;background:url(/images/gift-border.jpg) repeat-y right top;padding:30px 0px;box-sizing:border-box;}
.special-confirm .special-bottom .special-buy .special-buy-middle > div:nth-child(1) p{margin:0 auto;width:185px;height:93px;background:url(/images/special-genre.png) no-repeat center center;text-indent:-9999px;}
.special-confirm .special-bottom .special-buy .special-buy-middle > div:nth-child(2){width:653px;padding:28px 0;box-sizing:border-box;}
.special-confirm .special-bottom .special-buy .special-buy-middle > div ul{display:table;width:100%;}
.special-confirm .special-bottom .special-buy .special-buy-middle > div ul li{display:table-cell;padding:16px 0;border-left:1px solid #f4f4f4;width:33.33%;vertical-align:middle;text-align:center;}
.special-confirm .special-bottom .special-buy .special-buy-middle > div ul li:first-child{border-left:none;}
.special-confirm .special-bottom .special-buy .special-buy-middle > div ul li p{font-size:20px;color:#f26532;font-weight:600;margin-bottom:10px;}
.special-confirm .special-bottom .special-buy .special-buy-middle > div ul li a{display:inline-block;line-height:30px;color:#333;font-size:16px;font-weight:600;width:117px;}
.special-confirm .special-bottom .special-buy .special-buy-bottom{height:8px;width:100%;background:url(/images/special-buy-bottom.jpg) no-repeat left center;}
.special-confirm .special-bottom .special-buy.manhwa{margin-bottom:0;}
.special-confirm .special-bottom .special-buy.manhwa .special-buy-middle > div:nth-child(1) p{background:url(/images/special-manhwa.png) no-repeat center center;}
.special-confirm .special-bottom .special-buy.manhwa .special-buy-middle > div ul li p{color:#22afd3;}

/* 회원탈퇴페이지 */
.user-fire{width:900px;margin:0 auto;padding-top:19px;padding-bottom:100px;}
.user-fire ul{border:1px solid #e0e1e2;padding:21px 34px;}
.user-fire ul li{line-height:22px;color:#999;font-size:13px;}
.user-fire > div:after{content:"";display:block;clear:both;}
.user-fire > div a{display:block;float:right;line-height:30px;margin:12px 0;padding:0px 20px;}
.user-fire table{width:100%;margin-top:20px;}
.user-fire table input[type='password']{font-weight:600;width:358px;height:32px;border:1px solid #cdced1;line-height:30px;font-size:15px;padding:0 10px;
box-sizing:border-box;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.user-fire table input[type='password']:focus,.user-modify table td input[type='password']:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;}
.user-fire table textarea{margin:10px 0;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .5s;width:98%;height:200px;box-sizing:border-box;border:1px solid #eaeaea;
border-radius:2px;background:#f4f4f4;padding:24px;font-size:14px;color:#666;line-height:20px;overflow:auto;;}
.user-fire table textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,132,90,.6);border-color:#f26532;background:#fff;}
.tab .tab-list{border-bottom:1px solid #cdced1;height:42px;background:#f6f6f6;}

/* 회원탈퇴 성공 */
.adult-certify.fire-ps .adult-box p{font-size:16px;text-align:center;font-weight:600;color:#333;line-height:30px;}
.adult-certify.fire-ps .adult-box p span{display:block;margin-bottom:50px;color:#f26532;}

/* 성세 띠배너 */
.d-banner{padding-top:15px;}
.d-banner a{display:block;}
.d-banner img{display:block;}

/* 제휴.투고 */
.partner{padding-top:20px;padding-bottom:100px;}
.partner h3{margin-left:15px;font-size:22px;color:#333;font-weight:600;line-height:26px;}
.partner-img{display:block;margin:27px auto 18px;}
.partner > p{font-size:13px;color:#333;font-weight:bold;text-align:center;}
.partner > p span{color:#f26532;}
.partner table{margin-top:50px;width:100%;border-top:2px solid #8a93a1;}
.partner table th{padding-left:15px;border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;color:#f26532;font-size:20px;font-weight:600;text-align:left;line-height:26px;}
.partner table th span{display:block;color:#333;}
.partner table td{border-bottom:1px solid #f4f4f4;padding:32px 24px;}
.partner table td p{margin-bottom:10px;font-size:13px;color:#333;font-weight:bold;}
.partner table td p em{display:inline-block;color:#ccc;font-weight:100;margin:0 6px;}
.partner table td p a{color:#f26532;}
.partner table td ul{}
.partner table td ul li{color:#666;font-size:13px;line-height:20px;}

/* 로그인 인증페이지 */
.join-connect.certify{padding-bottom:50px;}

/* 결제페이지 쿠폰.상품권 적용 버튼 추가 */
.cp-btn{margin:20px 0;text-align:center;}
.cp-btn a{display:inline-block;color:#fff;background:#f26532;border-radius:4px;text-align:center;font-size:13px;line-height:32px;width:200px;border:1px solid #ea4d14;box-shadow:0 2px #f6ded5;}

.nStoryNew{position:absolute;left:0;top:0;display:block;width:36px;height:20px;background:url(/images/novel/nstoryBg.png) no-repeat left center;text-indent:-9999px;background-position:-303px -238px;}
.nStoryUp{position:absolute;right:0;bottom:0;display:block;width:25px;height:20px;background:url(/images/novel/nstoryBg.png) no-repeat left center;text-indent:-9999px;background-position:-349px -238px;}
.nStoryAdult{position:absolute;right:0;top:0;display:block;width:25px;height:20px;background:url(/images/novel/nstoryBg.png) no-repeat left center;text-indent:-9999px;background-position:-384px -238px;}

/* 헤더 이벤트 배너 추가 */
.head_banner{height:80px;}
.h_banner_inner{position:relative;margin:0 auto;width:900px;}
.h_banner_inner:after{content:"";display:block;clear:both;}
.h_banner_inner ul li{float:left;}
.bannerClose{position:absolute;top:24px;right:-66px;cursor:pointer;}

/* 이벤트 리스트 수정 */
.theme.event .theme-list li > a{width:296px;height:132px;}
.theme.event .theme-list li > a img{width:296px;height:132px;}
.theme.event .theme-list li > div p:nth-child(1){margin-bottom:6px;}
.theme.event .theme-list li > div p:nth-child(2){margin-bottom:15px;}
.theme.event .theme-list li > div p:nth-child(3){font-size:14px;color:#999;font-weight:600;line-height:20px;}
.theme.event .theme-list li > div p a{font-size:15px;color:#333;font-weight:600;}

/* 이벤트 버튼 추가 */
.event-btn{margin-top:10px;height:30px !important;line-height:28px !important;display:inline-block;width:300px;color:#333 !important;font-weight:600;}

/* 특별한날 로고 */
.header-top.celebrate{height:auto;}
.header-top.celebrate .header-top-inner{padding-top:0;}
.header-top.celebrate .h-top{height:auto;}
.header-top.celebrate .h-top .logo{margin-top:0;margin-left:0;width:268px;height:110px;}
.header-top.celebrate .h-top .search{margin-top:33px;padding-left:20px;margin-left:0;}
.header-top.celebrate .h-top .my-lnb{margin-top:33px;}
.header-top.celebrate .h-top-bottom{padding-top:0;}
.header-top.celebrate .my_layer_box{top:90px;}
.header-top.celebrate .alarm_layer_box{top:75px;}
.header-top.celebrate .fastSearch{top:80px;}
.header-top.celebrate.seolnal .h-top .logo a{background:url(/images/seolnal.gif) no-repeat left center;}
.header-top.celebrate.newyear .h-top .logo a{background:url(/images/newyear.gif) no-repeat right 14px;}
.header-top.celebrate.imd .h-top .logo a{background:url(/images/imd.jpg) no-repeat left center;}

/* 2018-03-23 결제페이지 버튼 수정 */
.paycoBtn, .kakaoBtn{display:none;}

/* 2018-04-18 검색결과 웹툰 페이지 추가 */
.orInfo{color:#f26532;}
.orInfo em{display:inline-block;margin:0 4px;color:#ccc;font-weight:100;}
.orInfo span{color:#63bc9c;}

/* 마이페이지 구매목록 웹툰 시리즈 상세 수정 */
.series-detail img{display:block;width:205px !important;height:80px !important;}

/* 2018-05-10 검색결과 셀렉트박스 수정 */
.view-array.search .arrayBox{margin-left:10px;}

/* 2018-06-11 소득공제 */
.deduction-check{margin-top:24px;padding-left:20px;background:#e16e41;}
.deduction-check p{font-size:14px;color:#fff;line-height:34px;padding-right:20px;}
.deduction-check p a{display:block;width:100%;height:100%;color:#fff;line-height:34px;font-size:14px;background:url(/book/images/m_book/m-deduction-check.png) no-repeat right center;background-size:14px 14px;}
.p-deduction-check{padding:10px 0 10px 20px;}
.p-deduction-check p{font-size:14px;color:#000;font-weight:600;}
.p-deduction-check p span{color:#f26532;}
.deduction-guide{padding:20px;margin-top:53px;border:1px solid #e0e1e2;}
.deduction-guide h3{margin-left:0;}
.deduction-guide ul > li{font-size:13px;margin:10px 0 16px 0;color:#f26532;}
.deduction-guide ol{margin-top:10px;}
.deduction-guide ol li{color:#000;margin:5px 0;}
.deduction-result{margin-top:10px;font-size:13px;}
.deduction-result span{color:#f26532;}
.frame .tab table td.possible{color:#f26532 !important;}
.frame .tab table td.impossible{color:#999 !important;}


/* 2018-06-14 결제페이지 카카오페이지 new 버튼 추가 */
.payment-renewal .step3 ul li label{position:relative;}
.payment-renewal .step3 ul li label em{text-indent:-9999px;position:absolute;right:-15px;top:0;width:14px;height:14px;display:block;background:url(/images/main/payco-new.png) no-repeat left center;}
.charge .charge-bottom .pay-way ul li label{position:relative;}
.charge .charge-bottom .pay-way ul li label em{text-indent:-9999px;position:absolute;right:-15px;top:0;width:14px;height:14px;display:block;background:url(/images/main/payco-new.png) no-repeat left center;}

/* 2018-07-05 푸터 수정 */
.foot_left > img{margin-right:12px;}
.foot_left > img:last-child{margin-right:0;}
.so-pop.blind{display:none;}
.so-pop{display:block;position:relative;width:100%;height:100%;z-index:100001;}
.dim{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:9999;}
.so{position:fixed;left:50%;top:50%;margin-left:-160px;margin-top:-211px;width:320px;height:422px;background:#d40f8c;border-radius:4px;box-shadow:0px 3px 5px 3px rgba(0,0,0,0.2);
box-sizing:border-box;padding:20px 10px;}
.so p{padding:12px 0;text-align:center;color:#fff;font-size:13px;font-weight:600;line-height:26px;}
.so p span{font-weight:bold;font-size:18px;}
.so button{width:100%;box-sizing:border-box;border:1px solid #1c1c1c;background:#3f3f3f;border-radius:2px;line-height:44px;color:#fff;font-size:16px;text-align:center;}

/* 2018-07-10 상세페이지 책바구니 팝업 */
.basket-wrap{display:none;width:404px;position:absolute;top:20%;transform:translateY(-35%);left:20%;margin-left:-202px;background:#f26532;padding:0 2px 2px 2px;box-sizing:border-box;
box-shadow:0 3px 5px 3px rgba(0,0,0,.2);z-index:1000;}
.basket-top{height:54px;padding:0 20px;}
.basket-top:after{content:"";display:block;clear:both;}
.basket-top p{float:left;color:#fff;font-size:16px;font-weight:600;line-height:54px;}
.basket-top a{margin-top:20px;float:right;width:14px;height:14px;background:url(/images/basket-close.png) no-repeat left center;display:block;text-indent:-9999px;}
.basket-inner{background:#fff;padding:0 20px;}
.basket-inner > p{font-size:16px;font-weight:600;color:#707070;line-height:55px;}
.service-select{border:1px solid #707070;padding:15px 19px;}
.service-select p{font-size:12px;color:#666;line-height:30px;font-weight:600;}
.service-select p span{color:#f26532;}
.service-select p input{vertical-align:middle;margin:0 8px 0 0;width:18px;height:18px;}
.basket-btn{text-align:center;padding:19px 0;}
.basket-btn button{margin:0 2px;display:inline-block;text-align:center;
border-radius:4px;line-height:32px;font-size:13px;font-weight:600;padding:0 15px;}
.basket-btn .basket-put{color:#fff;background:#f26532;border:1px solid #ea4d14;box-shadow:0 2px #f6ded5;}
.basket-btn .basket-cancel{border:1px solid #c1c1c1;background:#fff;color:#333;box-shadow:0 2px #f2f2f2;}

/* 카카오페이 안내문구 추가 */
.kakao-choice{display:none;}
.kakao-choice{display:none;text-align:left;margin-top:-1px;padding:18px 19px;border:1px solid #e0e1e2;}
.kakao-choice dt{margin-bottom:10px;font-size:15px;color:#333;font-weight:600;}
.kakao-choice dd{font-size:12px;color:#999;font-weight:bold;}

/* 탑버튼 추가 */
.topBtn{position:fixed;bottom:15px;width:40px;height:40px;background:url(/images/topBtn.png) no-repeat left center;text-indent:-9999px;z-index:10000;}
.topBtn a{display:block;width:40px;height:40px;}

/* 북캐시 충전 */
.charge-bottom h3 span.charge-event{float:right;color:#f26532;font-size:14px;}
.charge-bottom h3:after{content:"";display:block;clear:both;}

/* 이벤트댓글 */
.ly_comment{margin-top:20px;}
.ly_comment_write{}
.comment_write{border-bottom:1px solid #cdced1;padding:24px 17px 24px 12px;}
.comment_write.write{background:#f6f6f6;padding:15px;border:1px solid #cdced1;}
.comment_write.write button{font-weight:600;margin-left:15px;width:98px;height:98px;border:1px solid #cdced1;background:#e5e5e5;line-height:98px;text-align:center;font-size:16px;color:#333;border-radius:5px;}
.comment_write:after{content:"";display:block;clear:both;}
.comment_write .reply{float:left;margin-top:40px;width:115px;text-align:center;color:#333;font-size:16px;font-weight:600;}
.comment_write .reply span{color:#f26532;}
.comment_write textarea{float:left;width:630px;height:98px;border:1px solid #cdced1;resize:none;padding:10px;}
.comment textarea{float:left;width:630px;height:93px;border:1px solid #cdced1;resize:none;}
#comment{}
.comment{border-bottom:1px solid #cdced1;padding:24px 17px 24px 12px;}
.comment span.rep{display:block;width:715px;font-size:13px;word-break:break-all;}
.replyControl:after{content:"";display:block;clear:both;}
.replyUser{float:left;margin-bottom:22px;font-size:11px;color:#999;}
.replyUser span{font-size:13px;color:#333;font-weight:600;}
.replyUser em{display:inline-block;color:#ccc;margin:0 8px;}
.controlBtn{float:right;}
.controlBtn button{font-weight:600;margin:0 1px;width:41px;height:24px;border:1px solid #c1c1c1;background:#fff;color:#333;font-size:13px;text-align:center;border-radius:4px;box-shadow:0 2px #f2f2f2;}
.reply_write{background:url(/novel/images/novel/replyBg.png) no-repeat 12px center;padding:24px 0 24px 35px;border-bottom:1px solid #cdced1;}
.reply_write:after{content:"";display:block;clear:both;}
.reply_write .controlBtn{padding-right:10px;}
.reply_write .controlBtn button{}
.reply_write span.rep{display:block;width:715px;font-size:13px;}

/* 선호작 up라벨 추가 */
.sunho-up{vertical-align:13%;margin-left:3px;display:inline-block;width:20px;height:20px;border-radius:20px;text-align:center;background:#9059ff;font-size:12px;color:#fff;font-weight:600;line-height:19px;}

/* 웹툰 라벨 추가 */
.label-wrap{position:absolute;left:0;top:0;width:100%;height:100%}
.label-red{position:absolute;left:5px;top:5px;width:40px;height:40px;display:block;border-radius:40px;
-webkit-border-radius:40px;-ms-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;text-align:center;color:#fff;
font-weight:700;font-size:22px;line-height:40px;background:#f54200;background:-moz-linear-gradient(-45deg,#f54200 1%,#d61100 100%);
background:-webkit-linear-gradient(-45deg,#f54200 1%,#d61100 100%);background:linear-gradient(135deg,#f54200 1%,#d61100 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54200', endColorstr='#d61100', GradientType=1 )}
.label-gray{position:absolute;left:5px;top:5px;width:40px;height:40px;display:block;border-radius:40px;
-webkit-border-radius:40px;-ms-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;text-align:center;color:#fff;
font-weight:700;font-size:22px;line-height:40px;background:#67768d;background:-moz-linear-gradient(-45deg,#67768d 0,#3a465b 100%);
background:-webkit-linear-gradient(-45deg,#67768d 0,#3a465b 100%);background:linear-gradient(135deg,#67768d 0,#3a465b 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#67768d', endColorstr='#3a465b', GradientType=1 )}
.label-lt{position:absolute;left:3px;top:3px;z-index:200}
.label-rt{position:absolute;right:3px;top:3px;z-index:200}
.label-rb{position:absolute;right:3px;bottom:3px;z-index:200;min-width:20px}
.label-nfree{display:table;width:54px;height:54px;border-radius:54px;
-webkit-border-radius:54px;-ms-border-radius:54px;-moz-border-radius:54px;-o-border-radius:54px;
text-align:center;background:#00cd30}
.label-nfree em{vertical-align:middle;display:table-cell;font-size:15px;word-break:keep-all;color:#fff;font-weight:500;line-height:16px;padding-top:1px}
.label-nfree em span{display:block}
.label-adult{display:inline-block;width:24px;height:24px;border-radius:24px;
-webkit-border-radius:24px;-ms-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;
text-align:center;background:#fff;border:1px solid #fb0707}
.label-adult em{font-size:14px;color:#000;font-weight:600;line-height:24px}
.label-new{display:inline-block;width:24px;height:24px;border-radius:24px;
-webkit-border-radius:24px;-ms-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;
text-align:center;background:#33b9ff}
.label-new em{font-size:14px;color:#fff;font-weight:700;line-height:24px}
.label-up{display:inline-block;width:24px;height:24px;border-radius:24px;
-webkit-border-radius:24px;-ms-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;
text-align:center;background:#9059ff}
.label-up em{font-size:14px;color:#fff;font-weight:600;line-height:24px}
.label-ticket{display:inline-block;width:54px;height:54px;border-radius:54px;
-webkit-border-radius:54px;-ms-border-radius:54px;-moz-border-radius:54px;-o-border-radius:54px;
text-align:center;background:url(/toon/images/toon/free-ticket.png) no-repeat center center #00cd30}
.label-ticket em{text-indent:-9999px;display:block}
.label-lock{position:absolute;left:-1px;top:-1px;z-index:200;display:inline-block;width:25px;height:25px;background:url(/toon/images/toon/lock.png) no-repeat center center #ff2728;
text-indent:-9999px;border:1px solid #d70708;box-sizing:border-box}
.label-free{position:absolute;left:-1px;top:-1px;z-index:200;display:inline-block;width:25px;height:25px;background:#ffb22c;color:#fff;font-size:12px;text-align:center;line-height:25px;
border:1px solid #f79e04;box-sizing:border-box;letter-spacing:-1px}


/* 페이코 프로모션 */
.payco-promotion{margin-top:10px;font-size:12px;color:#f00 !important;font-weight:bold;line-height:18px;}
.payco-choice ol li{font-size:12px;color:#999;font-weight:bold;line-height:18px;}

/* 네이버 ps */
.naver-choice{display:none;margin-top:-1px;padding:18px 19px;border:1px solid #e0e1e2;}
.naver-choice p{font-size:12px;color:#999;font-weight:bold;line-height:18px;}
.naver-choice ol li{font-size:12px;color:#999;font-weight:bold;line-height:18px;}


/* 베스트영역 리뉴얼 */
.renewal-best{}
.renewal-best:after{content:"";display:block;clear:both;}
.best .best-flex .best-list li:first-child .bInfo .rankingInfo{color:#fff !important;}
.best.book .best-flex .best-list li .bInfo .rankingInfo{color:#ef8f38;}
.best.romance .best-flex .best-list li .bInfo .rankingInfo{color:#ec7b8d;}
.best.bl .best-flex .best-list li .bInfo .rankingInfo{color:#efa40d;}
.best.fanmu .best-flex .best-list li .bInfo .rankingInfo{color:#5ea2a3;}
.best.manhwa .best-flex .best-list li .bInfo .rankingInfo{color:#a6cb12;}
.best-flex{float:left;width:282px;line-height:1.1;padding-left:27px;margin-bottom:54px;}
.best-flex:first-child{padding-left:0;}
.best-flex .b-title{margin-bottom:118px;}
.best-flex .b-title h4 a{display:block;font-size:20px;font-weight:800;color:#333;padding-left:9px;}
.best-flex .b-title h4 a span{float:right;display:inline-block;font-size:13px;color:#666;font-weight:normal;height:22px;line-height:21px;
padding-right:13px;background:url(/images/main/more.png) no-repeat right center;}
.best-flex .b-title h4 a:after{content:"";display:block;clear:both;}
.best-flex .best-list{border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0px 3px 30px 3px rgba(0,0,0,.1);}
.best-flex .best-list li{position:relative;border-top:1px solid #f2f2f2;background:#fff;}
.best-flex .best-list li:after{content:"";display:block;clear:both;}
.best-flex .best-list li a{display:block;width:90px;height:126px;float:left;}
.best-flex .best-list li a div{position:relative;}
.best-flex .best-list li a div img{display:block;width:90px;height:126px;}
.best-flex .best-list li .bInfo{float:left;width:192px;height:126px;box-sizing:border-box;padding:22px 10px 0 22px;position:relative;}
.best-flex .best-list li .bInfo .bTitle{display:inline-block;margin-top:3px;font-size:14px;font-weight:bold;letter-spacing:-0.4px;color:#000;width:160px;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;}
.best-flex .best-list li .bInfo .rankingInfo{font-family: 'Noto Sans Med';font-size:22px;letter-spacing:-0.6px;}
.best-flex .best-list li .bInfo .author{display:inline-block;margin-top:5px;font-size:14px;width:160px;overflow:hidden;letter-spacing:-0.4px;color:#818181;
text-overflow:ellipsis;white-space:nowrap;}
.best-flex .best-list li .bInfo .genre{display:inline-block;margin-top:5px;font-size:14px;width:160px;overflow:hidden;letter-spacing:-0.4px;color:#818181;
text-overflow:ellipsis;white-space:nowrap;}
.best-flex .best-list li .bInfo .bRank{margin-top:6px;}
.best-flex .best-list li .bInfo .bRank .vote{color:#818181;}
.best-flex .best-list li:first-child{height:219px;border-top:none;background:#f5f5f5;border-top-left-radius:10px;border-top-right-radius:10px;}
.best-flex .best-list li:first-child a{width:196px;height:274px;position:absolute;left:43px;top:-100px;float:none;}
.best-flex .best-list li:first-child a div img{display:block;width:200px;height:275px;}
.best-flex .best-list li:first-child div.bInfo{position:absolute;left:0;bottom:0;width:282px;height:114px;background:rgba(0,0,0,.5);box-sizing:border-box;padding:20px 10px 0 52px;float:none;}
.best-flex .best-list li:first-child div.bInfo:after{content:"";display:block;clear:both;}
.best-flex .best-list li:first-child div.bInfo .rankingInfo{float:left;font-family: 'Noto Sans Med';font-size:32px;letter-spacing:-0.8px;color:#fff;margin-top:-4px;}
.best-flex .best-list li:first-child div.bInfo div{float:left;padding-left:16px;width:183px;box-sizing:border-box;}
.best-flex .best-list li:first-child div.bInfo div .bTitle{font-size:24px;font-weight:bold;letter-spacing:-0.6px;overflow:hidden;color:#fff;margin-top:0;
text-overflow:ellipsis;white-space:nowrap;}
.best-flex .best-list li:first-child div.bInfo div .author{margin-top:7px;font-size:14px;letter-spacing:-0.4px;color:#fff;}
.best-flex .best-list li:first-child div.bInfo div .bRank{margin-top:7px;}
.best-flex .best-list li:first-child div.bInfo div .bRank .vote{color:#fff;}
.best-flex .best-list li:first-child div.bInfo div .genre{margin-top:7px;font-size:14px;letter-spacing:-0.4px;color:#fff;}
.best-flex .best-list li:first-child .label{overflow:hidden;position:absolute;left:-28px;bottom:45px;top:auto;}
.best-flex .best-list li:nth-child(2){border-top:none;}
.best-flex .best-list li:first-child .label{width:49px;height:49px;}
.best-flex .best-list li:first-child .label em{font-size:13px;}
.best-flex .best-list li .label{width:39px;height:39px;overflow:hidden;position:absolute;left:-10px;top:-10px;bottom:auto}
.best-flex .best-list li .label em{font-size:11px;}
.best-flex .best-list li .adult{right:10px;top:10px;}
.best-flex .best-list li .list-star{background:url(/images/main/r_rank_star.png) no-repeat scroll 0% 0% transparent;width:68px;height:12px;}
.best-flex .best-list li .rank1{background-position:0 0px;}
.best-flex .best-list li .rank2{background-position:0 -12px;}
.best-flex .best-list li .rank3{background-position:0 -24px;}
.best-flex .best-list li .rank4{background-position:0 -36px;}
.best-flex .best-list li .rank5{background-position:0 -48px;}
.best-flex .best-list li .rank6{background-position:0 -60px;}
.best-flex .best-list li .rank7{background-position:0 -72px;}
.best-flex .best-list li .rank8{background-position:0 -84px;}
.best-flex .best-list li .rank9{background-position:0 -96px;}
.best-flex .best-list li .rank10{background-position:0 -108px;}

/* 100프로 적립 라벨 */
.label.saving{
background: rgb(243,115,40);
background: -moz-linear-gradient(-45deg, rgba(243,115,40,0.8) 0%, rgba(215,98,30,0.9) 100%);
background: -webkit-linear-gradient(-45deg, rgba(243,115,40,0.8) 0%,rgba(215,98,30,0.9) 100%);
background: linear-gradient(135deg, rgba(243,115,40,0.8) 0%,rgba(215,98,30,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37328', endColorstr='#d7621e',GradientType=1 );
background:url(/images/main/label-saving.png) no-repeat left center \0/IE9;}

/* 책소개 내 동영상 및 이미지 삽입 */
.detail-inner .book-intro .trailer h3{margin-top:0;padding-bottom:7px;margin-bottom:33px;font-size:20px;font-weight:600;border-bottom:1px solid #000;color:#333;}
.detail-inner .book-intro .trailer div{padding:0;max-height:506px;text-align:center;overflow:hidden;}
.detail-inner .book-intro .trailer div.on{max-height:none;}
.detail-inner .book-intro .trailer div img{max-width:900px;}
.detail-inner .book-intro .trailer .d-more{margin-top:0;}


/* 웹소설 개편 후 변경 */
.up{position:absolute;right:5px;bottom:5px;display:table;width:26px;height:26px;border-radius:26px;text-align:center;background:#9059ff;vertical-align:middle;font-size:12px;color:#fff;z-index:1;}
.up em{display:table-cell;vertical-align:middle;}

.book-list li.event a{display:block;width:150px;height:210px;position:relative;}
.book-list li.event .rm_br:after{border-radius:0;}
.book-list li.event img{display:block;width:150px;height:210px;}


.book-list.toon{padding:27px 0 40px 0;}
.book-list li.toon{box-sizing:border-box;width:210px;padding:27px 0 20px 0px !important;margin-left:20px;}
.book-list li.toon:nth-child(1), .book-list li.toon:nth-child(4n+1){margin-left:0;}
.book-list li.toon > a{display:block;width:210px;height:210px;position:relative;}
.book-list li.toon > a .rm_br:after{border-radius:0;border-color:rgba(0,0,0,.1);}
.book-list li.toon > a img{width:210px;height:210px;display:block;}
.book-list li.toon .hot-info{width: 210px !important;height: auto !important;border:1px solid #e5e6e7;border-top:none;padding-left:10px;padding-right:10px;min-height:150px;}
.book-list li.toon .hot-info p{padding:0 10px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;}


.alarm-new{display: inline-block;width:4px;height:4px;background:url(/novel/images/novel/alarm-new.png) no-repeat left center;text-indent:-9999px;position:absolute;right:9px;top:3px;}

/* 라벨 추가 */
.l-season{box-shadow:0 4px 10px -2px rgba(0,0,0,.3);background: #0680d2;
    background: -moz-linear-gradient(-45deg, #0680d2 0%, #8409ff 100%);
    background: -webkit-linear-gradient(-45deg, #0680d2 0%, #8409ff 100%);
    background: linear-gradient(135deg, #0680d2 0%, #8409ff 100%);
    position:absolute;left:-10px;top:-10px;z-index:100;border-radius:49px;overflow:hidden;
}
.l-season span{color:#fff;line-height:48px;text-align:center;width:49px;height:49px;display:block;font-size:14px;}
.l-wait{box-shadow:0 4px 10px -2px rgba(0,0,0,.3);background: #ff00bb;
    background: -moz-linear-gradient(-45deg, #ff00bb 0%, #8409ff 100%);
    background: -webkit-linear-gradient(-45deg, #ff00bb 0%, #8409ff 100%);
    background: linear-gradient(135deg, #ff00bb 0%, #8409ff 100%);
    width:49px;height:49px;border-radius:49px;position:absolute;left:-10px;top:-10px;z-index:100;
}
.l-wait span{text-indent:-9999px;background:url(/novel/images/m_novel/wait-icon.png) no-repeat center center;background-size:24px 24px;width:49px;height:49px;display:block;}
.l-ticket{position:absolute;left:-10px;top:-10px;width:49px;height:49px;background:rgba(0, 205, 48, 0.7);z-index:10;border-radius:49px;}
.l-ticket span{display:block;text-indent:-9999px;background:url(/toon/images/toon/free-ticket.png) no-repeat center center;width:49px;height:49px;}
.label.orange{background: rgba(239,74,19,.7);}


/* 푸터 */
footer {background:#f6f6f6;padding-bottom: 54px;width: 100%;line-height:1;}
footer .footer-top {background: #fff;}
footer .footer-top .notice-wrap {border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
footer .footer-top .notice-wrap .notice-inner {width: 900px;margin: 0 auto;position: relative;}
footer .footer-top .notice-wrap .notice-inner:after{content:"";display:block;clear:both;}
footer .footer-top .notice-wrap .notice-inner > p {float: left;line-height: 51px;font-size: 12px;color: #000;font-weight: 800;box-sizing: border-box;width: 100px;}
footer .footer-top .notice-wrap .notice-inner > p a{color:#000;}
footer .footer-top .notice-wrap .notice-inner .notice {float: left;width: 780px;height: 51px;}
footer .footer-top .notice-wrap .notice-inner .notice .swiper-slide a {display: block;line-height: 51px;font-size: 12px;color: #7f7f7f;padding-right: 34px;box-sizing: border-box;}
footer .footer-top .notice-wrap .notice-inner .notice .swiper-slide a:after{content:"";display:block;clear:both;}
footer .footer-top .notice-wrap .notice-inner .notice .swiper-slide a span {float: right;}
footer .footer-top .notice-wrap .notice-inner .notice-control {position: absolute;right: 0px;top: 10px;width: 10px;display: inline-block;}
footer .footer-top .notice-wrap .notice-inner .notice-control .notice-prev {width: 10px;height: 14px;display: inline-block;background: url(/novel/images/novel/notice-prev.png) no-repeat left center;}
footer .footer-top .notice-wrap .notice-inner .notice-control .notice-next {width: 10px;height: 14px;display: inline-block;background: url(/novel/images/novel/notice-next.png) no-repeat left center;}
footer .footer-top .cs-wrap {width: 900px;margin: 0 auto;padding: 31px 0 33px 0;box-sizing: border-box;}
footer .footer-top .cs-wrap:after{content:"";display:Block;clear:both;}
footer .footer-top .cs-wrap .cs {float: left;width: 455px;}
footer .footer-top .cs-wrap .cs h4 {font-size: 16px;color: #555;font-weight: 700;margin-bottom: 18px;}
footer .footer-top .cs-wrap .cs div p {letter-spacing: -0.5px;}
footer .footer-top .cs-wrap .cs div p span {
  border: 1px solid #707070;display: inline-block;width: 60px;height: 21px;text-align: center;line-height: 19px;color: #707070;font-size: 12px;
  margin-right: 14px;vertical-align: middle;font-weight: normal;box-sizing: border-box;}
footer .footer-top .cs-wrap .cs div p:nth-child(1) {margin-bottom: 8px;color: #000;font-weight: 800;font-size: 20px;line-height: 20px;}
footer .footer-top .cs-wrap .service {float: left;width: 175px;}
footer .footer-top .cs-wrap .service h4 {font-size: 16px;color: #555;font-weight: 700;margin-bottom: 18px;}
footer .footer-top .cs-wrap .service div:after{content:"";display:block;clear:both;}
footer .footer-top .cs-wrap .service div p {float: left;width: 60px;text-align: center;letter-spacing: -0.5px;}
footer .footer-top .cs-wrap .service div p:first-child {margin-right: 20px;}
footer .footer-top .cs-wrap .service div p a {padding-top: 36px;display: block;}
footer .footer-top .cs-wrap .service div p:nth-child(1) a {background: url(/novel/images/novel/f-library.svg) no-repeat center top;}
footer .footer-top .cs-wrap .service div p:nth-child(2) a {background: url(/novel/images/novel/f-download.svg) no-repeat center top;}
footer .footer-top .cs-wrap .short-cut {float: left;}
footer .footer-top .cs-wrap .short-cut h4 {font-size: 16px;color: #555;font-weight: 700;margin-bottom: 11px;}
footer .footer-top .cs-wrap .short-cut div:after{content:"";display:block;clear:both;}
footer .footer-top .cs-wrap .short-cut div p {float: left;margin-right: 20px;text-align: center;letter-spacing: -0.5px;}
footer .footer-top .cs-wrap .short-cut div p a {padding-top:43px;display: block;}
footer .footer-top .cs-wrap .short-cut div p:nth-child(1) a {width: 48px;background: url(/novel/images/novel/f-coupon.svg) no-repeat center top;}
footer .footer-top .cs-wrap .short-cut div p:nth-child(2) a {width: 48px;background: url(/novel/images/novel/f-remote.svg) no-repeat center 5px;}
footer .footer-top .cs-wrap .short-cut div p:nth-child(3) a {width: 57px;background: url(/novel/images/novel/f-bookcash.svg) no-repeat center 3px;}
footer .footer-top .cs-wrap .short-cut div p:nth-child(4) a {width: 57px;background: url(/novel/images/novel/f-mypage.svg) no-repeat center 1px;}
footer .footer-top .cs-wrap .short-cut div p:last-child {margin-right: 0;}
footer .footer-inner {width: 900px;margin: 0 auto;padding-top: 40px;}
footer .footer-inner .f-lnb {margin-bottom: 20px;}
footer .footer-inner .f-lnb:after{content:"";display:block;clear:both;}
footer .footer-inner .f-lnb li {float: left;}
footer .footer-inner .f-lnb li a {padding: 0 15px 0 16px;font-size: 12px;color: #555;background: url(/novel/images/novel/f-lnb-dot.png) no-repeat left center;}
footer .footer-inner .f-lnb li:first-child a {padding-left: 0;background: none;}
footer .footer-inner .f-lnb li:last-child a {font-weight: 700;}
footer .footer-inner .f-banner {margin-bottom: 17px;}
footer .footer-inner .f-banner ul:after{content:"";display:block;clear:both;}
footer .footer-inner .f-banner ul li {float: left;}
footer .footer-inner .f-banner ul li a {display: block;text-indent: -9999px;}
footer .footer-inner .f-banner ul li:nth-child(1) a {background: url(/novel/images/novel/f-googleplay.png) no-repeat left center;width: 180px;height: 38px;}
footer .footer-inner .f-banner ul li:nth-child(2) {margin-left: 8px;}
footer .footer-inner .f-banner ul li:nth-child(2) a {background: url(/novel/images/novel/f-appstore.png) no-repeat left center;width: 180px;height: 38px;}
footer .footer-inner .f-banner ul li:nth-child(3) {margin-left: 8px;}
footer .footer-inner .f-banner ul li:nth-child(3) a {background: url(/novel/images/novel/f-so.png) no-repeat left center;width: 170px;height: 38px;}
footer .footer-inner .f-banner ul li:nth-child(4) {margin-left: 8px;}
footer .footer-inner .f-banner ul li:nth-child(4) a {width: 110px;height: 38px;text-indent: 0;border: 1px solid #707070;border-radius: 24px;-webkit-border-radius: 24px;
  -ms-border-radius: 24px;-moz-border-radius: 24px;-o-border-radius: 24px;text-align: center;line-height: 38px;font-size: 12px;color: #707070;background: #fff;box-sizing: border-box;}
footer .footer-inner .f-banner ul li:nth-child(4) a span {display: inline-block;width: 16px;height: 100%;background: url(/novel/images/novel/f-email.svg) no-repeat left center;
  vertical-align: middle;margin-right: 5px;}
footer .footer-inner .f-banner ul li:nth-child(5) {margin-left: 10px;margin-top: 6px;}
footer .footer-inner .f-banner ul li:nth-child(5) a {background: url(/novel/images/novel/f-twitter.png) no-repeat left center;background-size:26px 26px;width: 26px;height: 26px;}
footer .footer-inner .f-banner ul li:nth-child(6) {margin-left: 10px;margin-top: 6px;}
footer .footer-inner .f-banner ul li:nth-child(6) a {background: url(/novel/images/novel/f-blog.svg) no-repeat left center;width: 26px;height: 26px;}
footer .footer-inner .f-banner ul li:nth-child(7) {margin-left: 10px;margin-top: 6px;}
footer .footer-inner .f-banner ul li:nth-child(7) a {background: url(/novel/images/novel/f-facebook.svg) no-repeat left center;width: 26px;height: 26px;}
footer .footer-inner .f-banner ul li:nth-child(8) {margin-left: 10px;margin-top: 6px;}
footer .footer-inner .f-banner ul li:nth-child(8) a {background: url(/novel/images/novel/f-instagram.png) no-repeat left center;width: 26px;height: 26px;}
footer .footer-inner .f-banner ul li:nth-child(9) {margin-left: 10px;margin-top: 6px;}
footer .footer-inner .f-banner ul li:nth-child(9) a {background: url(/novel/images/novel/f-youtube.svg) no-repeat left center;width: 26px;height: 26px;}
footer .footer-inner address {width: 800px;}
footer .footer-inner address:after{content:"";display:block;clear:both;}
footer .footer-inner address ul li {float: left;word-break: keep-all;font-size: 12px;
  color: #7f7f7f;line-height: 18px;padding: 0 10px;letter-spacing: -0.5px;background: url(/novel/images/novel/f-lnb-dot.png) no-repeat right center;letter-spacing:-1px;}
footer .footer-inner address ul li:first-child {padding-left: 0;}
footer .footer-inner address ul li:nth-child(4) {background: none;}
footer .footer-inner address ul li:nth-child(5) {padding-left: 0;}
footer .footer-inner address ul li:nth-child(7) {background: none;}
footer .footer-inner address ul li:nth-child(8) {padding-left: 0;}
footer .footer-inner address ul li:last-child {background: none;}
footer .footer-inner address ul li a {color: #7f7f7f;}
footer .footer-inner .copy-text {height: 44px;}
footer .footer-inner .copy-text:after{content:"";display:block;clear:both;}
footer .footer-inner .copy-text p {float: left;margin-top: 17px;margin-right: 20px;font-size: 12px;color: #7f7f7f;line-height: 18px;}
footer .footer-inner .copy-text img {float: left;}

/* 슬릭 리스트 웹소설용으로 수정 */
.novel .light{display:none}

.sunho-author .author-book .mds li{outline:none;}
.sunho-author .author-book .mds .figure{border-radius:0;box-shadow:none;}
.sunho-author .author-book .mds .figure:after{background:none;border-radius:0;}
.sunho-author .author-book .mds .figure a{border-radius:0;overflow:visible;outline:none;}
.sunho-author .author-book .mds .figure a:before{display:none;animation:none;}
.sunho-author .author-book .mds .figure a img{border-radius:0;}
.sunho-author .author-book .mds .figure a .rm_br:after{border:1px solid #e6e6d8;border-radius:0;}
.sunho-author .author-book .mds .hot-info .hot-title{color:#000;}

.frame .tab table.basket td .figure{border-radius:0;box-shadow:none !important;}
.frame .tab table.basket td .figure:after{background:none;border-radius:0;}
.frame .tab table.basket td .figure a{border-radius:0 !important;width:100px;height:140px;overflow:visible;}
.frame .tab table.basket td .figure a:before{display:none;animation:none;}
.frame .tab table.basket td .figure a img{border-radius:0;width:100px;height:140px;}
.frame .tab table.basket td .figure a .rm_br:after{border:1px solid #e6e6d8;border-radius:0;}
.frame .tab table.basket td .figure .light{display:none;}

/* 2019-07-23 마이페이지 공지 인풋 텍스트 수정 */
.notice_start_date, .notice_end_date{width:150px !important;margin:0 10px;}
.my-active.ipt .cash-modify-inner input[name='re_price_date']{width:120px !important;}
.my-active.ipt .cash-modify-inner input[name='re_price_time']{width:120px !important;margin-left:6px;}

/* 2019-07-31  파트너 */
.partner table tr:nth-child(1) td ul li:nth-child(4){color:#f00;}

/* 2019-08-23 만화 퀵 */
.manhwa-quick{margin-top:26px;padding-bottom:12px;}
.manhwa-quick ul{border:1px solid #eaeaea;border-radius:6px;height:50px;box-sizing:border-box;}
.manhwa-quick ul:after{content:"";display:block;clear:both;}
.manhwa-quick ul li{float:left;width:16.6666%;height:48px;border-left:1px solid #eaeaea;box-sizing:border-box;}
.manhwa-quick ul li:first-child{border-left:none;}
.manhwa-quick ul li a{display:block;line-height:48px;text-align:center;font-size:15px;color:#000;font-weight:600;transition:.4s;}
.manhwa-quick ul li a:hover{background:#f8f8f8;}
.manhwa-quick ul li span.icon-arrow{margin-left:7px;display:inline-block;width:7px;height:10px;background:url(/images/main/manhwa-quick-dot.gif) no-repeat left center;}
.manhwa-quick ul li:first-child span.icon-arrow{background:url(/images/main/manhwa-quick-dot-all.gif) no-repeat left center;}
.manhwa-quick ul li span.icon-adult{margin-right:4px;display:inline-block;width:15px;height:15px;background:url(/images/main/icon-adult.jpg) no-repeat left center;vertical-align:-3px;}

/* 2019-09-03 후속권 알림 추가 */
.sequels{width:100%;height:50px;background:#fff;border-radius:4px;margin-bottom:25px;border:1px solid #eaeaea;}
.sequels:after{content:"";display:block;clear:both;}
.sequels h3{float:left;color:#f26532;width:120px;line-height:50px;text-align:center;font-size:14px;font-weight:bold;}
.sequels p{float:left;font-size:14px;color:#333;line-height:50px;background:url(/images/sequels-dot.jpg) no-repeat left center;padding-left:23px;width:619px;box-sizing:border-box;}
.sequels button{float:left;margin-top:11px;height:28px;width:143px;box-sizing:border-box;border:1px solid #c1c1c1;border-radius:4px;color:#333;background:#fff;box-shadow:0 2px #e6e6e6;outline:none;
font-weight:bold;}
.sequels button.on{color:#c1c1c1;}


.frame .tab table.sequels-tbl td{color:#333;}
.frame .tab table.sequels-tbl td:nth-child(2){color:#333;}
.frame .tab table.sequels-tbl td:nth-child(2) div a{display:block;width:100px;height:140px;border-radius:8px;overflow:hidden;position:relative;}
.frame .tab table.sequels-tbl td:nth-child(2) div{display:table-cell;width:400px;height:140px;position:relative;vertical-align:middle;padding-left:15px;}
.frame .tab table.sequels-tbl td:nth-child(2) div.figure{box-shadow:0px 1px 8px 1px rgba(0,0,0,.2);padding-left:0;width:100px;height:140px;}
.frame .tab table.sequels-tbl td:nth-child(2) div img{display:block;width:100px;height:140px;}
.frame .tab table.sequels-tbl td:nth-child(2) div .end-result{margin-left:0;margin-top:15px;}
.frame .tab table.sequels-tbl td:nth-child(2) div .s-title{font-size:14px;margin-top:0;color:#333;}
.frame .tab table.sequels-tbl td:nth-child(2) div p{margin-top:9px;font-size:12px;color:#999;font-weight:600;line-height:1.2;}

.reply-control{margin-top:10px;color:#000;font-weight:bold;padding-left:18px;background:url(/images/reply-control.png) no-repeat left center;line-height:14px;}


.detail-inner .fix-series-wrap .fix-series > div{width:880px;margin:0 auto;}
.rent-stop-wrap{margin-bottom:30px;}
.rent-stop{padding-top:20px;}
.rent-stop.one{padding-top:18px;padding-bottom:18px;padding-left:90px;background:url(/images/rent-stop.jpg) no-repeat 35px center #f4f4f4;border-radius:4px;height:91px;
width:902px;display:table-cell;vertical-align:middle;box-sizing:border-box;}
.rent-stop.one p{line-height:27px;color:#333;background:none;}
.rent-stop p{padding-left:17px;font-size:13px;line-height:38px;background:#8a93a2;color:#fff;}
.rent-stop p strong{font-size:14px;}
.rent-stop p em{display:inline-block;font-weight:100;margin:0 17px;}
.d-notify{padding-left:2px;}
.d-notify dl dt{padding-left:51px;background:url(/images/d-notify.jpg) no-repeat left center;line-height:28px;cursor:pointer;color:#666;font-size:14px;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;width:100%;box-sizing:border-box;}
.d-notify dl dt.on + dd{display:block;}
.d-notify dl dd{display:none;padding:16px;box-sizing:border-box;background:#f4f4f4;min-height:81px;border-radius:4px;margin-top:6px;font-size:14px;color:#666;line-height:18px;transition:.5s;}


/* 2020-03-10 마이페이지 웹툰 구매목록 추가 */
.js-toon-list{border-top: 1px solid #b1b1b1;}
.js-toon-list li{padding:30px 50px 30px 52px;border-bottom:1px solid #b1b1b1;position:relative;}
.js-toon-list li .checkbox{position:absolute;left:9px;width:19px;height:19px;display:inline-block;margin:28px 0 0 0;padding:0;}
.js-toon-list li a{display: table;width: 100%;}
.js-toon-list li a div{float:left;}
.js-toon-list li a .select-thum{position:relative;margin-right:30px;width:210px;height:84px;box-sizing:border-box;border:1px solid #707070;}
.js-toon-list li a .select-thum img {display:block;width:208px;height:82px;}
.js-toon-list li a .select-info {padding-top:14px;margin-right:20px;width:300px;}
.js-toon-list li a .select-info p {line-height:24px;width:100%;font-size:15px;color:#000;font-weight:600;}
.js-toon-list li a .select-info time {font-size:13px;line-height:24px;width:100%;}
.js-toon-list li a .select-info em {display:inline-block;margin:0 9px;color:#ccc;font-weight:100;}
.js-toon-list li a .select-info span {font-size:13px;}
.js-toon-list li a .select-info span span {color:#ff6f14;}
.js-toon-list li a .select-date {display: table-cell;width: 230px;height: 84px;text-align: right;vertical-align: middle;float: none;}
.js-toon-list li a .select-date p {font-size: 14px;color:#ff6f14;font-weight:600;}
.js-toon-list li a .select-date p del {color: #b1b1b1;margin-right: 5px;}
.js-toon-list li a .select-date p.gray{color:#b1b1b1;font-weight:normal;}
.js-toon-list li a .select-date p.point{color:#ff5353;}
.js-toon-list li a > p{display:table-cell;width:180px;height:84px;text-align:right;vertical-align:middle;float:none;font-size:14px;font-weight:bold;color:#f26532;}
.js-toon-list li.off {background: #f2f2f2;}
.js-toon-list li.off a .select-thum{position:relative;}
.js-toon-list li.off a .select-thum:before{content:"";width:210px;height:84px;position:absolute;left: -1px;top: -1px;background: rgba(242, 242, 242, 0.6);}
.js-toon-list li.off a .select-info {padding-top:14px;margin-right:20px;width:300px;}
.js-toon-list li.off a .select-info p {color:#b1b1b1;}
.js-toon-list li.off a .select-info time{color:#b1b1b1;}
.js-toon-list li.off a > p{color:#b1b1b1;}

/*2020-03-31 마이페이지 북캐시 적립내역 */
.cash-detail tr td:nth-child(2){text-align:left !important;padding-left:10px;}
.cash-detail tr td p{line-height:16px;}
.itemize{color:#f26532;font-size:12px;}

/* 2020-05-13 공유하기 팝업창 및 url 공유하기 버튼 추가 */
.detail-book .book-info .book-side .share{margin-left:30px;padding-left:29px;background:url(/images/share.png) no-repeat left center;float:left;font-weight:600;line-height:30px;display:block;font-size:14px;color:#666;}
.js-share-box{display:none;position:absolute;right:36px;top:136px;background:#fff;width:342px;height:181px;z-index:3000;}
.js-share-box .share-dot{position:absolute;right:160px;top:-14px;display:block;width:24px;height:17px;background:url(/images/main/alarm-dot.png) no-repeat left center;z-index:3000;}
.js-share-box .share-box{position:relative;background:#fff;border:1px solid #ff6633;box-shadow:0px 3px 5px 3px rgba(0,0,0,.2);box-sizing:border-box;border-radius:4px;}
.js-share-box .share-box .share-inner{border:2px solid #ff9966;position:relative;box-sizing:border-box;}
.js-share-box .share-box .share-inner h3{text-align:center;color:#000;line-height:59px;font-weight:700;font-size:20px;}
.js-share-box .share-box .share-inner .share-cancel{position:absolute;right:13px;top:22px;background:url(/images/main/share-close.png) no-repeat center center;display:block;width:14px;height:14px;
text-indent:-9999px;outline:none;}
.js-share-box .share-box .share-inner .share-btn{text-align:center;border-top:1px solid #f4f4f4;padding-bottom:25px;}
.js-share-box .share-box .share-inner .share-btn > div.sns{padding:20px 30px 0 30px;}
.js-share-box .share-box .share-inner .share-btn > div.sns:after{content:"";display:block;clear:both;}
.js-share-box .share-box .share-inner .share-btn > div.sns button{display:block;float:left;font-size:16px;color:#333;width:60px;padding-top:58px;text-indent:-1px;margin:0 16px;font-weight:600;outline:none;}
.js-share-box .share-box .share-inner .share-btn > div.sns .share-facebook{background:url(/images/main/d-share-facebook.png) no-repeat center top;}
.js-share-box .share-box .share-inner .share-btn > div.sns .share-twitter{background:url(/images/main/d-share-twitter.png) no-repeat center top;background-size:51px 51px;}
.js-share-box .share-box .share-inner .share-btn > div.sns .share-url{background:url(/images/main/d-share-url.png) no-repeat center top;}
.best-result .js-share-box{float:none;right:0;top:70px;}
.best-result .js-share-box .share-box .share-inner h3{float:none;margin:0;}

/* 실시간 인기 차트 */
.real-time{margin-bottom:43px;position:relative;height:100%;}
.coTitle em{display:inline-block;color:#dedede;margin:0 18px;font-weight:400;font-size:14px;vertical-align:3px;}
.coTitle span.r-time{color:#f26532;font-size:14px;display:inline-block;vertical-align:3px;background:url(/images/main/r-time.png) no-repeat left center;padding-left:18px;}
.real-time ul{margin-top:14px;height:226px;overflow:hidden;}
.real-time ul:after{content:"";display:block;clear:both;}
.real-time ul li{float:left;margin-left:60px;margin-bottom:12px;}
.real-time ul li:first-child{margin-left:0;}
.real-time ul li:first-child a .r-number{background:#f26532;}
.real-time ul li:nth-child(3n+1){margin-left:0;}
.real-time ul li a{display:block;}
.real-time ul li a:after{content:"";display:block;clear:both;}
.real-time ul li a > span{display:block;position:relative;float:left;}
.real-time ul li a img{display:block;width:72px;height:102px;}
.real-time ul li a > div{float:left;padding-left:15px;padding-top:15px;box-sizing:border-box;width:188px;}
.real-time ul li a .r-number{width:20px;height:20px;background:#666;color:#fff;font-size:11px;line-height:20px;text-align:center;}
.real-time ul li a h4{margin-top:2px;font-size:14px;line-height:24px;color:#000;font-weight:600;letter-spacing:-1px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.real-time ul li a .r-author{margin-top:8px;font-size:12px;line-height:18px;color:#7f7f7f;font-weight:600;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.real-time .r-more{display:block;position:absolute;right:0;top:-4px;width:73px;height:35px;box-sizing:border-box;border:1px solid #d7d7df;line-height:33px;text-align:center;
font-weight:600;font-size:12px;color:#707070;}
.real-time .r-more span{margin-left:5px;background:url(/images/main/r-more.jpg) no-repeat left center;display:inline-block;width:11px;height:7px;}
.real-time .r-more.on span{background:url(/images/main/r-more-on.jpg) no-repeat left center;}
.real-time .adult{width:22px;height:22px;top:3px;right:3px;font-size:11px;border-radius:22px;line-height:22px;}
.real-time.on ul{opacity:0.4;}
.real-time.on .db-spinner{display:block;}
.db-spinner{display:none;width:75px;height:75px;border-radius:50%;background-color:transparent;border:2px solid #222;border-top:2px solid #03A9F4;border-bottom:2px solid #03A9F4;
-webkit-animation:1s spin linear infinite;animation:1s spin linear infinite;position:absolute;top:50%;left:50%;margin-left:-38px;margin-top:-38px;}
@-webkit-keyframes spin {
from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}    
to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spin{
from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}    

.ct-best{width:100%;height:83px;box-sizing:border-box;background:#eee;border-radius:6px;padding:0 32px 0 35px;margin-bottom:42px;}
.ct-best:after{content:"";display:block;clear:both;}
.ct-best h3{float:left;font-size:20px;font-weight:600;color:rgba(17,17,17,0.87);line-height:83px;}
.ct-best ul{float:right;margin-top:20px;}
.ct-best ul:after{content:"";display:block;clear:both;}
.ct-best ul li{float:left;padding:0 20px;height:43px;background:#fff;box-sizing:border-box;border-radius:10px;margin-left:10px;}
.ct-best ul li a{display:block;text-align:center;font-size:14px;color:#333;line-height:43px;font-weight:600;}
.ct-best ul li:first-child{margin-left:0px;}
.ct-best ul li a span.ct-arrow{margin-left:12px;background:url(/images/main/ct-arrow.jpg) no-repeat left center;display:inline-block;width:6px;height:10px;}
.ct-best ul li a span.adult{position:static;width:22px;height:22px;font-size:11px;border-radius:22px;line-height:22px;text-align:center;font-weight:bold;
margin-left:3px;border:1px solid #fb0707;display:inline-block;box-sizing:border-box;}


/* 네이버페이 안내문구 추가 */
.naver-choice{display:none;text-align:left;margin-top:-1px;padding:18px 19px;border:1px solid #e0e1e2;}
.naver-choice dt{margin-bottom:10px;font-size:15px;color:#333;font-weight:600;}
.naver-choice dd{font-size:12px;color:#999;font-weight:bold;line-height:18px;}


/* 2020-07-10 상세페이지 서비스 중지 */
.stop{margin-bottom:25px;}
.stop em{displaY:block;background:url(/images/main/stop.png) no-repeat 35px center #f4f4f4;padding:11px 31px 31px 126px;}
.stop dt{margin-top:20px;background:url(/images/main/stop_dot.gif) no-repeat left center;padding-left:14px;font-size:15px;font-weight:bold;color:#f26c3b;}
.stop dd{margin-top:10px;font-size:13px;color:#666;padding-left:14px;}
.stop p{padding-left:14px;margin-top:8px;color:#f26c3b;}
.fix-series .stop{box-sizing:border-box;width:900px !important;padding-top:20px !important;}
.fix-series .stop em{background:#f4f4f4;padding:20px 31px 20px 20px;}
.fix-series .stop em.rent_stop dt{color:#4cb3bc;background:none;}
.fix-series .stop em.rent_stop p{color:#4cb3bc;}
.fix-series .stop dt{margin-top:0;font-size:15px;}
.fix-series .stop dd{font-size:13px;line-height:16px;}
.fix-series .stop p{margin-top:8px;}

/* 개인정보보호정책 글자 볼드 */
.f-lnb li:nth-child(3) a{font-weight:bold;}

/* 2020-08-11 상세페이지 출판사 스타일 변경 */
.all-volume p a{color:#000;}

/* 리스트페이지 기간한정 */
.fixed-rate{color:#00b0f0 !important;font-size:14px;}
.limit{display:inline-block;padding:0 8px;line-height:21px;border:1px solid #f26532;color:#f26532;background:#fff;text-align:center;font-style:normal;font-size:11px;margin-left:9px;box-sizing:border-box;}
.thum .limit{display:block;margin-top:10px;margin-left:0;}
.thum .fixed-rate{display:block;margin-top:10px;margin-left:0;}
.list-page div.thum .book-list li.event .fixed-rate{margin-left:6px;}
.list-page div.thum .book-list li.event .limit{margin-left:6px;}

/* 기다무 라벨 */
.label-wait{background:url(/toon/images/toon/label-wait.png) no-repeat left center;width:54px;height:54px;border-radius:54px;display:table;vertical-align:middle;}
.label-wait em{text-indent:-9999px;display:table-cell;}

/* 총알 검색 성인 문구 */
.harmful{text-align:center;padding:15px 0;font-size:13px;font-weight:bold;line-height:24px;color:#000;}

/* 회원가입 14세 미만 */
.young-ps{margin-top:10px;margin-bottom:5px;font-weight:bold;color:#000;letter-spacing:-1px;text-align:center;}

/* 마이페이지 서평/댓글 */
.frame .tab table.reply_toon td .figure{border-radius:0;box-shadow:none !important;height:100px !important;}
.frame .tab table.reply_toon td .figure:after{background:none;border-radius:0;}
.frame .tab table.reply_toon td .figure:before{box-shadow:none !important;height:100px !important;}
.frame .tab table.reply_toon td .figure a{border-radius:0 !important;width:100px;height:100px !important;overflow:visible;}
.frame .tab table.reply_toon td .figure a:before{display:none;animation:none;}
.frame .tab table.reply_toon td .figure a img{border-radius:0;width:100px;height:100px important;;}
.frame .tab table.reply_toon td .figure a .rm_br:after{border-radius:0;}
.frame .tab table.reply_toon td .figure .light{display:none;}
.frame .tab .reply-tbl td:nth-child(2) .reply_control{margin-top:5px;background:url(/images/main/reply_control.png) no-repeat left center;color:#000;font-size:12px;padding-left:18px;}

/* 상세페이지 tts 안됨 */
.detail-book .book-info .support-device em.no-tts{background:url(/images/main/no-tts.png) no-repeat left center;}

/* 성인체크페이지 ps */
.adult-ps{padding:18px 19px;border:1px solid #e0e1e2;margin-bottom:40px;}
.adult-ps dt{color:#cc0000;font-weight:600;font-size:15px;margin-bottom:10px;}
.adult-ps dd{color:#999;font-weight:bold;font-size:12px;}

/* 장르,정액관 ps */
.genre-ps{padding:18px 19px;border:1px solid #e0e1e2;margin-bottom:40px;}
.genre-ps dt{color:#cc0000;font-weight:600;font-size:15px;margin-bottom:10px;}
.genre-ps dd{color:#999;font-weight:bold;font-size:12px;}

/* 알리미 페이지 추가 */
.alarm-zone{line-height:1.1;padding-bottom:90px;}
.under-title{margin-top:18px;font-size:20px;color:#333;margin-bottom:18px;padding-left:18px;}
.al-ps{margin:24px 0 25px 0;text-align:center;padding-left:20px;font-size:14px;color:#999;}
.al-ps em{display:inline-block;background:url(/images/al-ps.png) no-repeat left center;width:21px;height:18px;vertical-align:middle;margin-right:4px;}
.al-ps span{text-decoration:underline;color:#000;}
.alarm-tbl{width:100%;border-top:1px solid #e0e1e2;}
.alarm-tbl thead{border-bottom:1px solid #e0e1e2;}
.alarm-tbl thead th{height:56px;background:#f6f6f6;font-size:14px;color:#333;}
.alarm-tbl label{position:absolute;left:-9999px;width:1px;height:1px;}
.alarm-tbl input[type='checkbox']{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;left:-9999px;}
.alarm-tbl label span{display:inline-block;position:relative;cursor:pointer;user-select:none;opacity:0;}
.alarm-tbl label span:before{content:"";display:inline-block;width:20px;height:20px;text-align:center;vertical-align:middle;background:url(/images/al_check.png) no-repeat left center;}
.alarm-tbl input[type='checkbox']:checked + span:before{content:'';background:url(/images/al_check_on.png) no-repeat left center;}
.alarm-tbl tbody{text-align:center;}
.alarm-tbl tbody td{border-bottom:1px solid #e0e1e2;color:#9f9f9f;font-size:13px;}
.alarm-tbl tbody td:nth-child(1){}
.alarm-tbl tbody td:nth-child(2){text-align:left;line-height:18px;}
.alarm-tbl tbody td:nth-child(3){line-height:18px;border-left:1px solid #e0e1e2;}
.alarm-tbl tbody td > div{padding:30px 0 30px 54px;margin-left:30px;}
.alarm-tbl tbody td > div h4{margin-bottom:10px;}
.alarm-tbl tbody td > div h4 a{font-size:16px;color:#333;}
.alarm-tbl tbody td > div p{font-size:13px;color:#666;}
.al_saved{background:url(/images/al_saved.png) no-repeat left center;}
.al_answer{background:url(/images/al_answer.png) no-repeat left center;}
.al_ad_reply{background:url(/images/al_ad_reply.png) no-repeat left center;}
.al_wait{background:url(/images/al_wait.png) no-repeat left center;}
.al_stop{background:url(/images/al_stop.png) no-repeat left center;}
.al_new{background:url(/images/al_new.png) no-repeat left center;}
.al-btn{text-align:right;margin-top:18px;margin-bottom:8px;}
.al-btn button.edit-btn{line-height:30px;color:#333;font-size:13px;width:56px;display:inline-block;border:none;border:1px solid #c1c1c1;box-shadow:0 2px #f2f2f2;border-radius:4px;font-weight:600;background:#fff;}
.al-no{margin-top:140px;margin-bottom:80px;background:url(/images/al_no.png) no-repeat center top;padding-top:78px;font-size:19px;color:#999;font-weight:600;text-align:center;}

.alarm-zone .paging{padding-top:30px;}
.alarm-zone.on label{position:static;width:18px;height:19px;}
.alarm-zone.on label span{transition:.4s;opacity:1;}
.alarm-zone.on .al-btn .edit-btn{display:none;}
.alarm-zone.on .al-btn .edit{visibility:visible;transition:.4s;opacity:1;}
.alarm-zone.on .edit .edit-btn-wrap button:nth-child(2){animation-name:al-move;animation-duration:.4s;animation-fill-mode:forwards;}
.al-title-wrap{border-bottom:2px solid #333;}
.al-title-wrap:after{content:"";display:block;clear:both;}
.al-title-wrap .under-title{float:left;}
.al-title-wrap .al-btn{float:right;position:relative;width:70%;}
.al-btn .edit{position:absolute;right:0;top:0;width:100%;visibility:hidden;opacity:0;transition:.4s;}
.al-btn .edit button{position:absolute;line-height:30px;color:#333;font-size:13px;display:inline-block;border:none;border:1px solid #c1c1c1;box-shadow:0 2px #f2f2f2;border-radius:4px;
transition:.4s;font-weight:600;background:#fff;}
.al-btn .edit .edit-btn-wrap button:nth-child(1){right:147px;top:0;width:81px;}
.al-btn .edit .edit-btn-wrap button:nth-child(2){right:61px;top:0;width:81px;transition:.4s;}
.al-btn .edit .edit-btn-wrap button:nth-child(3){right:0;top:0;width:56px;}
.al-btn .edit .edit-btn-wrap button:disabled{opacity:.3;}
@-webkit-keyframes al-move {
  0% {
    right:0px;
  }
  100% {
    right:61px;
  }
}




/* 회원정보 수정 페이지 */
.user-modify table{border-collapse:separate;}
.modify-btn{padding:0 16px;border:1px solid #ececec;font-size:13px;border-radius:4px;box-sizing:border-box;background:#fff;width:auto !important;color:#333 !important;
vertical-align:middle;display:inline-block;line-height:28px;}
.passch-input-wrap{position:fixed;left:50%;top:50%;margin-left:-180px;margin-top:-203px;width:363px;background:#fff;box-sizing:border-box;border:3px solid #ff6633;border-radius:4px;}
.passch-input-wrap .passinput-top{position:relative;text-align:Center;border-bottom:1px solid #eaeaea;}
.passch-input-wrap .passinput-top h4{font-size:18px;font-weight:600;color:#ff6633;line-height:51px;}
.passch-input-wrap .passinput-top a{position:absolute;right:10px;top:17px;background:url(/images/passch_close.png) no-repeat center center;width:15px;height:15px;text-indent:-9999px;display:block;}
.passinput-content{padding:21px 30px 20px;border-bottom:1px solid #eaeaea;}
.passinput-content h5{font-size:13px;color:#f26432;margin-bottom:5px;}
.passinput-content p{font-size:12px;color:#999;}
.passch-input{padding-top:20px;}
.passch-input input[type='password']{width:100%;height:50px;border:1px solid #c6c6c6;color:#909090;font-size:15px;padding:0 11px;border-radius:4px;box-sizing:border-box;}
.passch-input input[type='password'].on{border-color:#ff3300;}
.passch-input div.js-join p{font-size:12px;margin:5px 0;font-weight:600;text-align:left;line-height:18px;}
.passch-input div.js-join.on p{color:#ff3300;}
.passch-input div.js-join.on input{border-color:#ff3300;}
.passch-input div.js-join.on span{display:block;position:absolute;right:9px;top:18px;width:16px;height:16px;background:url(/images/error.jpg) no-repeat center center;}
.passch-submit{width:302px;height:46px;box-sizing:border-box;display:block;border:1px solid #dc4510;background:#f26432;font-size:16px;color:#fff;border-radius:4px;margin:15px auto;font-weight:600;}
.compulsory p{vertical-align:middle;display:inline-block;margin-right:15px;}
.compulsory-input{display:none;position:relative;}
.compulsory-input.on input[type='text']{border-color:#ff3333;}
.compulsory-input input[type='text']{display:inline-block;width:320px !important;height:30px !important;border:1px solid #ccc;box-sizing:border-box;font-size:15px;padding:0 11px;vertical-align:middle;margin-right:15px;}
.compulsory-input button{display:inline-block;line-height:30px;padding:0 15px;background:#f26432;border-radius:4px;color:#fff;margin-right:2px;}
.compulsory-input a{display:inline-block;line-height:28px;padding:0 15px;background:#fff;border-radius:4px;color:#fff;color:#333;border:1px solid #ececec;}
.compulsory-input span{displaY:none !important;width:16px;height:16px;position:absolute;left:283px;top:8px;background:url(/images/error.jpg) no-repeat left center;}
.compulsory-input.on span{display:block !important;}
.compulsory-input p{font-size:13px;color:#999;margin-top:8px;}
.compulsory-input.on p{color:#ff3333;font-size:12px;}
.user-modify table td a.apple{border:1px solid #000;background:#000;color:#fff;font-size:15px;}
.notagree{margin-left:20px;}
.agree-radio label{vertical-align:middle;font-size:13px;color:#666;}
.agree-radio input{width:20px;height:20px;vertical-align:middle;margin:0 10px 0 0;padding:0;}
.agree-radio label:nth-child(1){margin-right:25px;}
.mailagree{font-size:13px;color:#999;margin-top:10px;}
.select-modify-btn{text-align:right;padding-right:18px;}
.select-modify-btn a{padding:0 42px;line-height:30px;border:1px solid #c1c1c1;font-size:13px;border-radius:4px;box-sizing:border-box;background:#fff;width:auto !important;color:#333 !important;
margin-bottom:100px;font-weight:600;display:inline-block;}
.select-modify-btn button{padding:0 42px;line-height:30px;border:1px solid #f26432;font-size:13px;border-radius:4px;box-sizing:border-box;background:#f26432;width:auto !important;color:#fff !important;
margin-bottom:100px;font-weight:600;display:none;}

#register_step2 div.js-join p{font-size:12px;margin:5px 0;font-weight:600;text-align:left;line-height:18px;}
#register_step2 div.js-join.on p{color:#ff3300;}
#register_step2 div.js-join.on input{border-color:#ff3300;border-radius:0;}
#register_step2 div.js-join.on span{display:block;position:absolute;left:140px;top:7px;width:16px;height:16px;background:url(/images/error.jpg) no-repeat center center;}

/* 회원탈퇴 페이지 추가 */
.user-fire-title{width:900px;margin:32px auto 0;}
.user-fire-title p{font-size:18px;color:#333;font-weight:600;}
.chk_fire{text-align:Center;padding-bottom:44px;}
.chk_fire label{display:inline-block;font-size:15px;color:#666;font-weight:600;}
.chk_fire label input[type='checkbox']{width:1px;height:1px;position:absolute;left:-9999px;}
.chk_fire label span{display:inline-block;width:20px;height:20px;background:url(/images/al_check.png) no-repeat left center;vertical-align:middle;margin-right:5px;}
.chk_fire label input[type='checkbox']:checked + span{background:url(/images/al_check_on.png) no-repeat left center;}
.fire-btn{text-align:center;}
.fire-btn a{display:inline-block !important;float:none !important;box-sizing:border-box;border:1px solid #ea4d14;background:#f26532;color:#fff;font-size:14px;line-height:46px !important;
width:108px;margin:0 !important;padding:0 !important;vertical-align:middle;border-radius:4px;font-weight:600;}
.fire-btn input[type="button"]{margin-left:3px;box-sizing:border-box;border:1px solid #c1c1c1;background:#ffff;color:#333;font-size:14px;line-height:46px;width:108px;border-radius:4px;font-weight:600;}

/* 비밀번호 변경 안내 페이지 */
.passch{width:300px;margin:0 auto;padding-top:150px;background:url(/images/passch.png) no-repeat center 40px;text-align:center;padding-bottom:160px;}
.passch h4{font-size:18px;color:#333;font-weight:600;margin-bottom:19px;}
.passch p{font-size:13px;color:#999;line-height:18px;margin-bottom:10px;}
.passch p strong{color:#333;}
.passch .passch-input input[type='password']{border-radius:0;}
.passch .passch-ps{padding-top:4px;font-size:12px;color:#000;line-height:18px;text-align:left;font-weight:600;}
.passch .passch-ps span{display:block;color:#888;font-weight:normal;}
.passch .passch-btn{margin-top:20px;}
.passch .passch-btn button{width:100%;line-height:54px;background:#f26532;font-size:18px;color:#fff;font-weight:600;border-radius:4px;margin-bottom:11px;}
.passch .passch-btn a{display:block;width:100%;line-height:52px;background:#fff;font-size:18px;color:#666;font-weight:600;border-radius:4px;box-sizing:border-box;border:1px solid #c1c1c1;}

/* 정액권 삭제 */
.view-array label{float:left;line-height:50px;font-size:14px;color:#333;font-weight:600;margin-right:18px;}
.view-array input[type='checkbox']{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;left:-9999px;}
.view-array label span{display:inline-block;position:relative;cursor:pointer;user-select:none;margin-right:7px;vertical-align:1px;}
.view-array label span:before{content:"";display:inline-block;width:20px;height:20px;text-align:center;vertical-align:middle;background:url(/images/al_check.png) no-repeat left center;}
.view-array input[type='checkbox']:checked + span:before{content:'';background:url(/images/al_check_on.png) no-repeat left center;}
.mypage-box-bottom > div:nth-child(2).new ul li:first-child{height:auto;}
.mypage-box-bottom > div:nth-child(2).new ul li:first-child p{background:none;text-indent:0;color:#333;font-size:20px;}
.mypage-box-bottom > div:nth-child(2).new ul li:first-child div{background:#fff;}
.mypage-box-bottom > div:nth-child(2).new ul li:first-child div a{float:none;width:100%;line-height:35px;font-size:14px;color:#666;background:#f4f4f4;border-radius:4px;}
.mypage-box-bottom > div:nth-child(2).new ul li:first-child div a:nth-child(2){border-left:none;margin-top:9px;}
.mypage-box-bottom > div:nth-child(2).new ul li:first-child div a:hover{color:#f26532;}

/* 회원가입 페이지 */
.join-wrap .js-join.on{position:relative;}
.join-wrap .js-join.on input{border-color:#ff3300 !important;}
.join-wrap .js-join.on span{display:block;position:absolute;right:9px !important;top:18px !important;left:auto !important;width:16px;height:16px;background:url(/images/error.jpg) no-repeat center center;}
.join-wrap .js-join.on p{color:#ff3300;line-height:18px;margin-bottom:10px;font-size:11px;margin-top:8px;}
.join-wrap .js-join p.passps{text-align:left;font-size:11px;line-height:18px;color:#666;margin:8px 0 20px 0;text-indent:-1px;}
.join-wrap .js-join.on p.passps{color:#ff3300;font-weight:bold;}
.passch-ps1{font-size:11px;color:#666;margin:8px 0 20px 0;text-indent:-1px;}

/* 로그인창 수정 */
.sns-login-title{font-size:16px;color:#666;text-align:center;margin:32px 0 18px;}
.sns-login-btn{display:flex;justify-content:center;}
.sns-login-btn a{display:inline-block;width:44px;height:44px;text-indent:-9999px;margin-left:10px;}
.sns-login-btn a:first-child{margin-left:0;}
.sns-login-btn a.naver{background:url(/images/sns-login-naver.png) no-repeat center center;}
.sns-login-btn a.kakao{background:url(/images/sns-login-kakao.png) no-repeat center center;}
.sns-login-btn a.facebook{background:url(/images/sns-login-facebook.png) no-repeat center center;}
.sns-login-btn a.payco{background:url(/images/sns-login-payco.png) no-repeat center center;}
.sns-login-btn a.apple{background:url(/images/sns-login-apple.png) no-repeat center center;}
.social-ps{margin-top:24px;background:#f3f3f4;border-radius:4px;padding:12px 10px;text-align:center;}
.social-ps > p{font-weight:600;line-height:18px;color:#888;}

.social-link{margin-top:14px;}
.social-link p{float:left;letter-spacing:-0.5px;width:50%;text-align:Center;box-sizing:border-box;}
.social-link p:first-child{border-right:1px solid #ccc;}
.social-link p a{color:#f26432;font-weight:600;text-decoration:underline;line-height:12px;}
.social-link:after{content:"";display:block;clear:both;}

#server-check .so{background:#fff;padding:20px 14px;text-align:center;border-radius:4px 4px 0 0;}
#server-check .so h3{font-size:18px;line-height:26px;margin-bottom:10px;}
#server-check .so p{border-top:1px solid #aaa;color:#000;line-height:20px;font-size:14px;letter-spacing:-0.5px;}
#server-check .so a{margin-top:10px;display:inline-block;color:#fff;background:#f26532;text-align:center;line-height:34px;border-radius:8px;padding:0 18px;font-size:14px;}
#server-check .today-cookie{width:320px;height:24px;background:#333;position:fixed;left:50%;top:50%;margin-left:-160px;margin-top:210px;padding:0 8px;box-sizing:border-box;
border-radius:0 0 4px 4px;box-shadow:0px 3px 5px 3px rgb(0 0 0 / 20%);}
#server-check .today-cookie:after{content:"";display:block;clear:both;}
#server-check .today-cookie p{float:left;color:#fff;line-height:24px;}
#server-check .today-cookie input[type='checkbox']{float:right;margin:3px 0 0 0;padding:0;width:16px;height:16px;}

/* 1대1 게시판 추가 */
.customer_ps{color:#f26532;line-height:30px;font-size:14px;}

/* 썸네일 크게 보기 */
.thum-zoom{cursor:pointer;cursor:zoom-in;}
.thum-zoom-wrap{overflow:hidden;cursor:pointer;cursor:zoom-out;display:none;}
.img-zoom-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:#000;opacity:.6;/*overflow:hidden;*/}
.img-zoom{top:0;left:0;width:100%;height:100%;z-index:10000;position:fixed;overflow:hidden;}
.img-zoom-content{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;box-sizing:border-box;}
.img-zoom-content:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
.img-zoom-box{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;max-width:100%;z-index:2000;text-align:right;}
.img-zoom-box button{position:absolute;right:0px;display:block;width:18px;height:18px;background:url(/images/main/zoom_close.png) no-repeat left center;margin-bottom:10px;text-indent:-9999px;}
.img-zoom-box img{display:block;max-width:480px;width:auto;height:auto;margin:0 auto;padding:30px 0 30px 0;}
.img-zoom-pop:after{content:"";position:absolute;left:0;top:30px;bottom:30px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgb(0 0 0 / 60%);background:#333;}
@media (max-width:900px){
.img-zoom-content{padding-left:6px;padding-right:6px;}
}

/* 아이디, 비밀번호 찾기 ps */
.join-find{padding-left:20px;list-style-position:outside;}
.join-find li{font-size:14px;color:#888;line-height:1.3;margin-bottom:7px;list-style-type:disc;text-align:left;word-wrap:break-word;}
.join-find li span{display:block;margin-left:-5px;letter-spacing:-.5px;}

/* 신고하기 */
.report_btn{background:none;color:#999;margin-top:-2px;line-height:13px;}
.report-box{position:fixed;left:50%;top:50%;margin-left:-181px;margin-top:-262px;width:363px;border:2px solid #ff6633;border-radius:4px;
box-shadow:0 3px 5px 3px rgb(0 0 0 / 20%);box-sizing:border-box;background:#fff;}
.report-top{text-align:center;position:relative;}
.report-top h3{font-size:18px;line-height:22px;color:#ff6633;border-bottom:1px solid #eaeaea;padding:15px 0;}
.report-top .r-cancel{display:block;position:absolute;right:14px;top:18px;background:url(/images/r-cancel.png) no-repeat left center;text-indent:-9999px;width:14px;height:14px;}
.report-inner{padding:19px 0 0px 30px;}
.report-inner fieldset{position:-9999px;width:0px;height:0px;text-indent:-9999px;}
.report-inner h4{margin-bottom:20px;color:#666;font-size:16px;}
.report-inner label{display:block;margin-bottom:20px;color:#909090;font-size:14px;line-height:20px;vertical-align:middle;}
.report-inner label:after{content:"";display:block;clear:both;}
.report-inner label input[type='radio']{margin:0 5px 0 0;padding:0;width:20px;height:20px;}
.report-inner label em{float:left;}
.report-bottom{border-top:1px solid #eaeaea;padding:15px 30px;}
.report-bottom button{width:100%;height:46px;font-size:16px;box-sizing:border-box;border-radius:4px;font-weight:600;}
.report-submit{border:1px solid #dc4510;background:#f26432;color:#fff;margin-bottom:10px;}
.report-cancel{border:1px solid #ccc;background:#ffff;color:#666;}
.r-processing{margin:0 8px;background:#df1920;color:#fff;font-size:12px;padding:0 8px;min-width:76px;line-height:16px;text-align:center;border-radius:4px;}
.my-rank{position:relative;}
.r-box{position:absolute;right:0px;top:15px;width:404px;padding:21px 22px 23px 23px;border:2px solid #ff6633;border-radius:4px;box-shadow:0 3px 5px 3px rgb(0 0 0 / 20%);
box-sizing:border-box;background:#fff;}
.r-box h4{font-size:14px;color:#909090;line-height:16px;}
.r-box p{font-size:14px !important;color:#909090 !important;line-height:16px !important;font-weight:normal !important;letter-spacing:-0.3px}
.r-box ul{max-height:100px;overflow-y:auto;}
.r-box ul li{font-size:12px;line-height:14px;font-weight:normal;}
.r-box .my-dot{left:50px;top:-17px;}
.r-box .r-box-close{display:block;width:21px;height:21px;background:url(/images/r-box-close.png) no-repeat left center;position:absolute;top:22px;right:26px;text-indent:-9999px;}
.reply-tbl td{position:relative;}
.reply-tbl td .r-box{left:-150px;}
.reply-tbl td .my-dot{left:206px;top:-17px;}
.reply-tbl td .r-box{text-align:left;}
.reply-tbl td .r-box p{margin-top:20px;font-size:13px;}

.air-datepicker {
	--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--adp-font-size: 14px;
	--adp-width: 246px;
	--adp-z-index: 100;
	--adp-padding: 4px;
	--adp-grid-areas: 'nav' 'body' 'timepicker' 'buttons';
	--adp-transition-duration: .3s;
	--adp-transition-ease: ease-out;
	--adp-transition-offset: 8px;
	--adp-background-color: #fff;
	--adp-background-color-hover: #f0f0f0;
	--adp-background-color-active: #eaeaea;
	--adp-background-color-in-range: rgba(92, 196, 239, .1);
	--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
	--adp-background-color-selected-other-month-focused: #8ad5f4;
	--adp-background-color-selected-other-month: #a2ddf6;
	--adp-color: #4a4a4a;
	--adp-color-secondary: #9c9c9c;
	--adp-accent-color: #4eb5e6;
	--adp-color-current-date: var(--adp-accent-color);
	--adp-color-other-month: #dedede;
	--adp-color-disabled: #aeaeae;
	--adp-color-disabled-in-range: #939393;
	--adp-color-other-month-hover: #c5c5c5;
	--adp-border-color: #dbdbdb;
	--adp-border-color-inner: #efefef;
	--adp-border-radius: 4px;
	--adp-border-color-inline: #d7d7d7;
	--adp-nav-height: 32px;
	--adp-nav-arrow-color: var(--adp-color-secondary);
	--adp-nav-action-size: 32px;
	--adp-nav-color-secondary: var(--adp-color-secondary);
	--adp-day-name-color: #ff9a19;
	--adp-day-cell-width: 1fr;
	--adp-day-cell-height: 32px;
	--adp-month-cell-height: 42px;
	--adp-year-cell-height: 56px;
	--adp-pointer-size: 10px;
	--adp-poiner-border-radius: 2px;
	--adp-pointer-offset: 14px;
	--adp-cell-border-radius: 4px;
	--adp-cell-background-color-selected: #5cc4ef;
	--adp-cell-background-color-selected-hover: #45bced;
	--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
	--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
	--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
	--adp-btn-height: 32px;
	--adp-btn-color: var(--adp-accent-color);
	--adp-btn-color-hover: var(--adp-color);
	--adp-btn-border-radius: var(--adp-border-radius);
	--adp-btn-background-color-hover: var(--adp-background-color-hover);
	--adp-btn-background-color-active: var(--adp-background-color-active);
	--adp-time-track-height: 1px;
	--adp-time-track-color: #dedede;
	--adp-time-track-color-hover: #b1b1b1;
	--adp-time-thumb-size: 12px;
	--adp-time-padding-inner: 10px;
	--adp-time-day-period-color: var(--adp-color-secondary);
	--adp-mobile-font-size: 16px;
	--adp-mobile-nav-height: 40px;
	--adp-mobile-width: 320px;
	--adp-mobile-day-cell-height: 38px;
	--adp-mobile-month-cell-height: 48px;
	--adp-mobile-year-cell-height: 64px
}
.air-datepicker-overlay {
	--adp-overlay-background-color: rgba(0, 0, 0, .3);
	--adp-overlay-transition-duration: .3s;
	--adp-overlay-transition-ease: ease-out;
	--adp-overlay-z-index: 99
}
.air-datepicker-cell.-day-.-other-month-,.air-datepicker-cell.-year-.-other-decade-{color:var(--adp-color-other-month)}
.air-datepicker-cell.-day-.-other-month-:hover,.air-datepicker-cell.-year-.-other-decade-:hover{color:var(--adp-color-other-month-hover)}
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-{color:var(--adp-color-other-month)}
.-selected-.air-datepicker-cell.-day-.-other-month-,.-selected-.air-datepicker-cell.-year-.-other-decade-{color:#fff;background:var(--adp-background-color-selected-other-month)}
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-{background:var(--adp-background-color-selected-other-month-focused)}
.air-datepicker-cell.-day-.-other-month-:empty,.air-datepicker-cell.-year-.-other-decade-:empty{background:none;border:none}
.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}
.air-datepicker-cell.-focus-{background:var(--adp-background-color-hover)}
.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}
.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}
.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}
.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}
.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}
.air-datepicker-cell.-selected-{color:#fff;border:none;background:#f26532}
.air-datepicker-cell.-selected-.-current-{color:#fff;background:#f26532}
.air-datepicker-cell.-selected-.-focus-{background:#f26532}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}
.air-datepicker-body.-hidden-{display:none}
.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}
.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.9em}
.air-datepicker-body--cells{display:grid}
.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}
.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}
.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}
.-only-timepicker- .air-datepicker-nav{display:none}
.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}
.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}
.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}
.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}
.air-datepicker-nav--action.-disabled-{visibility:hidden}
.air-datepicker-nav--action svg{width:32px;height:32px}
.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}
.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}
.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}
.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}
.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}
.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}
.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}
.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}
.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}
.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}
.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}
.-only-timepicker- .air-datepicker-time{border-top:none}
.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}
.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}
.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}
.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:'';background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;
left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}
.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}
.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}
.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}
.air-datepicker-time--row:first-child{margin-bottom:4px}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,-webkit-max-content);grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}
.air-datepicker:not(.-custom-position-){opacity:0}
.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}
.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}
.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}
.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}
.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}
.air-datepicker.-active-.-custom-position-{transition:none}
.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}
.air-datepicker.-inline- .air-datepicker--pointer{display:none}
.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}
.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:transparent}
.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}
.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}
.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}
.air-datepicker.-custom-position-{transition:none}
.air-datepicker-global-container{position:absolute;left:0;top:0}
.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}
.air-datepicker--pointer:after{content:'';position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}
.air-datepicker--navigation{grid-area:nav;}
.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}
.-only-timepicker- .air-datepicker--content{display:none}
.air-datepicker--time{grid-area:timepicker}
.air-datepicker--buttons{grid-area:buttons}
.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}
.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}
.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,-webkit-max-content);grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}
.air-datepicker:not(.-custom-position-){opacity:0}
.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}
.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}
.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}
.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}
.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}
.air-datepicker.-active-.-custom-position-{transition:none}
.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}
.air-datepicker.-inline- .air-datepicker--pointer{display:none}
.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}
.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:transparent}
.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}
.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}
.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}
.air-datepicker.-custom-position-{transition:none}
.air-datepicker-global-container{position:absolute;left:0;top:0}
.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}
.air-datepicker--pointer:after{content:'';position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}
.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^='top'] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}
.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^='top'] .air-datepicker--pointer:after{transform:rotate(135deg)}
.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^='right'] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}
.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^='right'] .air-datepicker--pointer:after{transform:rotate(225deg)}
.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^='bottom'] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}
.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^='bottom'] .air-datepicker--pointer:after{transform:rotate(315deg)}
.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^='left'] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}
.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^='left'] .air-datepicker--pointer:after{transform:rotate(45deg)}
.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}
.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}
.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}
.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}
.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}
.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}
.air-datepicker--navigation{grid-area:nav}
.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}
.-only-timepicker- .air-datepicker--content{display:none}
.air-datepicker--time{grid-area:timepicker}
.air-datepicker--buttons{grid-area:buttons}
.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}
.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}
.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0}
.air-datepicker-cell.-day-.-weekend-{color:#f00;}
.air-datepicker-cell.-day-.-weekend-.-other-month-.-disabled-{color:#dedede;}
.air-datepicker-cell.-day-.-weekend-.-other-month-{color:#dedede}
.air-datepicker-cell.-day-.-weekend-.-disabled-{color:#aeaeae;}
.air-datepicker-cell.-day-.-weekend-.-selected-{color:#fff;}

/* 주문내역 페이지 검색 추가 */
.order-search-wrap{padding:19px 18px 0;}
.order-search-wrap .datepicker-wrap{margin-bottom:8px;}
.order-search-wrap .datepicker-wrap:after{content:"";display:block;clear:both;}
.order-search-wrap .datepicker-wrap .date-button{float:left;}
.order-search-wrap .datepicker-wrap .date-button:after{content:"";display:block;clear:both;}
.order-search-wrap .datepicker-wrap .date-button a{display:block;float:left;position:relative;width:96px;height:34px;border:1px solid #cdced1;margin-left:-1px;background:#fff;color:#333;
font-size:14px;text-align:center;line-height:34px;}
.order-search-wrap .datepicker-wrap .date-button a:first-child{margin-left:0;}
.order-search-wrap .datepicker-wrap .date-button a.on{color:#f26532;border:1px solid #f26532;z-index:1;}
.order-search-wrap .datepicker-wrap .date-input{float:right;}
.order-search-wrap .datepicker-wrap .date-input:after{content:"";display:block;clear:both;}
.order-search-wrap .datepicker-wrap .date-input p, .order-search-wrap .datepicker-wrap .date-input label, .order-search-wrap .datepicker-wrap .date-input span{float:left;}
.order-search-wrap .datepicker-wrap .date-input p{font-size:13px;color:#333;line-height:34px;margin-right:10px;font-weight:600;}
.order-search-wrap .datepicker-wrap .date-input label input{width:178px;height:34px;color:#333;font-size:14px;box-sizing:border-box;padding-left:10px;background:url(/images/datepicker-bg.png) no-repeat 95% center;
border:1px solid #cdced1;}
.order-search-wrap .datepicker-wrap .date-input span{line-height:34px;margin:0 15px;display:block;}
.order-search-wrap .order-detail-wrap{margin-bottom:17px;}
.order-search-wrap .order-detail-wrap:after{content:"";display:block;clear:both;}
.order-search-wrap .order-detail-wrap .arrayBox{float:left;margin-right:10px;width:101px;height:32px;position:relative;text-align:left;background:url(/images/array-bg.png) no-repeat 90% center;}
.order-search-wrap .order-detail-wrap .arrayBox > a{padding-right:0;background:none;width:100%;font-weight:normal;}
.order-search-wrap .order-detail-wrap label{float:left;margin-right:10px;}
.order-search-wrap .order-detail-wrap label input{width:659px;height:34px;color:#333;font-size:14px;box-sizing:border-box;padding-left:10px;border:1px solid #cdced1;}
.order-search-wrap .order-detail-wrap .btn-box{float:left;margin-bottom:0;}
.order-search-wrap .order-detail-wrap .btn-box a{width:62px;height:34px;line-height:34px;padding:0;text-align:center;}
.frame .tab .order table tr.dwon-tr div ul li a{color:#f26532;}


/* 구매목록 - 인터파크 */
.frame{position:relative;}
.order-company{position:absolute;right:18px;top:0;margin-bottom:13px;}
.order-company:after{content:"";display:block;clear:both;}
.order-company button{float:left;position:relative;width:80px;height:34px;border:1px solid #c1c1c1;font-size:13px;color:#999;background:#fff;font-weight:600;}
.order-company button:nth-child(1).on{color:#f26532;border:1px solid #f26532;z-index:100;}
.order-company button:nth-child(2).on{color:#000;border:1px solid #000;z-index:100;}
.order-company button:nth-child(2){margin-left:-1px;}
.order-list-page:after{content:"";display:block;clear:both;}
.order-list-page .tab-sort{float:left;padding:13px 9px !important;}
.order-list-page .tab-search{float:right;padding:13px 9px !important;}
.ps-box h3{color:#999;margin-bottom:4px;}
/* 인터파크 이벤트 */
.interpark_event{width:900px;margin:0 auto;}
/* 인터파크 구매목록 */
.ps-box ul li a{margin-top:5px;display:inline-block;border:1px solid #c1c1c1;box-shadow:0 2px #f2f2f2;border-radius:4px;text-align:center;padding:0 15px;line-height:24px;font-weight:600;font-size:12px;}
/* apk 다운 */
.apk_down{width:900px;margin:0 auto 80px;}
/* 푸터 apk down 배너 */
.apk_down_banner{width:900px;margin:15px auto 0;}
/* 메인페이지 인터파크 배너 */
.interpark-banner{margin-bottom:38px;}
/* 결제페이지 수정 */
.attended{padding-top:53px;}
.attended h4{font-size:18px;border-bottom:none;padding:0;margin-left:20px;line-height:1.1;margin-bottom:19px;color:#000;}
.attended ul{padding:21px 29px;border:1px solid #e0e1e2;}
.attended ul li{position:relative;font-size:13px;color:#909090;margin-bottom:7px;line-height:20px;}
.attended ul li:last-child{margin-bottom:0;}
.attended div{margin-top:21px;}
.attended div label{font-size:14px;color:#333;font-weight:600;display:flex;}
.attended div label input[type='checkbox']{width:20px;height:20px;margin:3px 0 0 0;padding:0;}
.attended div label p{width:calc(100% - 20px);box-sizing:border-box;padding-left:12px;line-height:22px;}
/* 로그인페이지 성인 문구 추가*/
.adult-warning{padding-top:32px;}
.adult-warning:after{content::"";display:block;clear:both;}
.adult-warning div:nth-child(1){padding-left:5px;width:59px;}
.adult-warning div:nth-child(2){padding-left:20px;width:calc(100% - 64px);box-sizing:border-box;}
.adult-warning div img{display:block;margin-top:23px;float:left;}
.adult-warning div{float:left;}
.adult-warning p{font-size:13px;line-height:20px;}
.adult-warning p:nth-child(1){color:#000;font-weight:600;margin-bottom:4px;}
.adult-warning p:nth-child(2){color:#909090;margin-bottom:14px;}

/* 개인정보 처리 방침 페이지 */
.privacy{width:900px;margin:0 auto;padding:33px 0;line-height:30px;font-weight:normal;font-size:15px;color:#666;white-space:pre-wrap;font-family:NanumGothic;}
.privacy a{color:#155ae8;}
.privacy-ps{margin-left:30px !important;font-size:11px !important;float:none !important;}
.customer-title{font-weight:600;font-size:20px;color:#333;line-height:20px;width:900px;margin:0 auto;padding-top:20px;}

/* 북캐시 자동 충전 */
.orange{color:#f26532;}
.charge-middle{width:900px;margin:56px auto 0;}
.charge-middle > div{margin-bottom:10px;border:1px solid #e0e1e2;border-radius:4px;display:flex;justify-content:center;height:70px;}
.charge-middle .bookcash_auto_left{width:50%;padding:0 30px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;}
.charge-middle .bookcash_auto_left > div{display:inline;}
.charge-middle .bookcash_auto_left > div:nth-child(1){text-align:left;font-size:14px;color:#f26532;font-weight:600;}
.charge-middle .bookcash_auto_left > div:nth-child(2){text-align:right;font-size:20px;color:#000;font-weight:600;}
.charge-middle .bookcash_auto_right{width:50%;border-left:1px solid #e0e1e2;padding:0 30px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;height:70px;}
.charge-middle .bookcash_auto_right > div{display:inline;}
.charge-middle .bookcash_auto_right > div:nth-child(1){text-align:left;font-size:14px;color:#000;font-weight:600;}
.charge-middle .bookcash_auto_right > div:nth-child(2){text-align:right;}
.charge-middle .bookcash_auto_right > div:nth-child(2) a{display:inline-block;width:108px;height:28px;text-align:center;line-height:28px;color:#fff;font-size:12px;background:#f26532;border-radius:4px;font-weight:600;border:1px solid #dc4510;box-sizing:border-box;}
.charge-middle.bookcash_auto_use > div{height:98px;}
.charge-middle.bookcash_auto_use .bookcash_auto_left{padding-top:20px;align-items:flex-start;}
.charge-middle.bookcash_auto_use .bookcash_auto_right{padding-top:20px;align-items:flex-start;height:98px;}
.charge-middle.bookcash_auto_use .bookcash_auto_right > div:nth-child(1) p{background:url(/images/bookcash_auto/bookcash_auto_state_icon.png) no-repeat left center;padding-left:24px;color:#9059ff;line-height:18px;}
.charge-middle.bookcash_auto_use .bookcash_auto_right > div:nth-child(2) p{margin-bottom:16px;font-size:14px;color:#666;}
.bookcash_auto{width:760px;}
.bookcash_auto_title_close{background:#000;text-align:center;position:relative;}
.bookcash_auto_title_close h3{font-size:20px;line-height:60px;color:#fff;}
.bookcash_auto_title_close button{display:block;width:15px;height:16px;text-indent:-9999px;border:none;position:absolute;right:10px;top:22px;background:url(/images/bookcash_auto/bookcash_auto_close.png) no-repeat center center;}
.book-cash-charge.bookcash_auto{padding:0 16px 0;border-bottom:none;}
.bookcash_auto_input_box{padding:22px 16px 24px;border-bottom:8px solid #f3f3f4;}
.bookcash_auto_input{border:1px solid #f26532;border-radius:4px;padding:19px 19px 24px 19px;}
.bookcash_auto_input .mybookcash{width:100%;}
.bookcash_auto_input .mybookcash:after{content:"";display:block;clear:both;}
.bookcash_auto_input .mybookcash p{font-weight:600;margin-bottom:14px;}
.bookcash_auto_input .mybookcash p:first-child{float:left;font-size:14px;color:#f26532;}
.bookcash_auto_input .mybookcash p:last-child{float:right;font-size:18px;color:#000;}
.bookcash_auto_input img{display:block;width:100%;}
.bookcash_auto_input .bookcash_auto_input_btn{display:block;width:100%;text-align:center;background:#3d3834;color:#ffd819;font-size:13px;font-weight:600;line-height:35px;}
.book-cash.bottom{padding-top:24px;}
.bookcash_auto_banner_img img{display:block;width:100%;}
.bookcash_auto_text{padding:45px 0 0px;}
.bookcash_auto_text li{margin-bottom:49px;letter-spacing:-1px;}
.bookcash_auto_text li:after{content:"";display:block;clear:both;}
.bookcash_auto_text li:first-child{padding:0 28px 0 8px;}
.bookcash_auto_text li:last-child{padding:0 8px 0 28px;}
.bookcash_auto_text li:first-child > div:first-child{width:110px;height:110px;background:url(/images/bookcash_auto/bookcash_auto_icon1.png) no-repeat left center;}
.bookcash_auto_text li:first-child > div:last-child{width:calc(100% - 110px);}
.bookcash_auto_text li:first-child > div:last-child p:first-child{font-size:18px;color:#000;margin-bottom:16px;font-weight:600;}
.bookcash_auto_text li:first-child > div:last-child p:first-child span{display:block;font-size:12px;color:#f26532;margin-bottom:9px;font-weight:600;}
.bookcash_auto_text li:first-child > div:last-child p:last-child{font-size:14px;color:#999;line-height:20px;}
.bookcash_auto_text li:last-child > div:first-child{width:calc(100% - 110px);}
.bookcash_auto_text li:last-child > div:last-child{width:110px;height:110px;background:url(/images/bookcash_auto/bookcash_auto_icon2.png) no-repeat left center;}
.bookcash_auto_text li:last-child > div:first-child p:first-child{font-size:18px;color:#000;margin-bottom:16px;font-weight:600;}
.bookcash_auto_text li:last-child > div:first-child p:first-child span{display:block;font-size:12px;color:#f26532;margin-bottom:9px;font-weight:600;}
.bookcash_auto_text li:last-child > div:first-child p:last-child{font-size:14px;color:#999;line-height:20px;}
.bookcash_auto_text li div:first-child{float:left;}
.bookcash_auto_text li div:last-child{float:right;}
.bookcash_auto_ps{margin:24px 16px 8px;border:1px solid #f26532;border-radius:4px;}
.bookcash_auto_ps section{padding:30px 28px 32px 26px;background:#fcfcfc;}
.bookcash_auto_ps > section h4{font-size:16px;font-weight:600;color:#f26532;text-align:center;margin-bottom:7px;}
.bookcash_auto_ps > section ul li{font-size:14px;color:#000;padding:9px 0 9px 43px;letter-spacing:-1px;word-break:keep-all;line-height:18px;}
.bookcash_auto_ps > section ul li:nth-child(1){background:url(/images/bookcash_auto/bookcash_auto_ps_icon1.png) no-repeat left center;}
.bookcash_auto_ps > section ul li:nth-child(2){background:url(/images/bookcash_auto/bookcash_auto_ps_icon2.png) no-repeat left center;}
.bookcash_auto_ps > section ul li:nth-child(3){background:url(/images/bookcash_auto/bookcash_auto_ps_icon3.png) no-repeat left center;}
.bookcash_auto_ps > section ul li span{position:relative;font-weight:600;z-index:1;}
.bookcash_auto_ps > section ul li span:after{content:"";width:102%;height:12px;display:inline-block;background:#ffc8b4;position:absolute;bottom:0;left:-1%;z-index:-1;border-radius:4px;}
.bookcash_auto_banner_img a{margin:0 16px 14px;;display:block;background:#f26532;line-height:46px;font-size:16px;color:#fff;font-weight:600;color:#fff;text-align:center;border-radius:4px;}
.auto_charge_tab ul{border-top:2px solid #8a93a1;}
.auto_charge_tab ul:after{content:"";display:block;clear:both;}
.auto_charge_tab ul li:first-child{border-left:none;}
.auto_charge_tab ul li{height:40px;float:left;width:50%;box-sizing:border-box;border-left:1px solid #d5d5d5;}
.auto_charge_tab ul li a{padding-top:0;height:40px;line-height:40px;display:block;text-align:center;font-size:16px;font-weight:600;box-sizing:border-box;border-bottom:1px solid #d5d5d5;background:#f6f6f6;color:#8a93a1;}
.auto_charge_tab ul li a.on{color:#f26532;border-bottom:none;background:#fff;}
.auto_charge_select{margin-bottom:32px;padding:0 28px 0 28px;}
.auto_charge_select > p{font-size:18px;color:#000;font-weight:600;margin-bottom:13px;}
.charge_select{position:relative;margin-bottom:16px;}
.charge_select:after{content:"";display:block;clear:both;}
.charge_select > a{position:relative;display:block;float:left;width:146px;line-height:40px;padding-left:16px;border:1px solid #000;box-sizing:border-box;font-size:14px;font-weight:600;color:#000;
background:url(/book/images/m_book/bookcash_auto/charge_select_icon_off.png) no-repeat 90% center #fff;background-size:16px 18px;border-radius:4px;}
.charge_select > a.on{background:url(/book/images/m_book/bookcash_auto/charge_select_icon_on.png) no-repeat 90% center #fff;background-size:16px 18px;}
.charge_select > p{float:left;line-height:40px;margin-left:10px;font-size:16px;font-weight:600;}
.charge_select > ul{position:absolute;left:0;top:41px;border:1px solid #000;border-top:0;width:146px;box-sizing:border-box;background:#fff;display:none;border-radius:0 0 4px 4px;}
.charge_select > ul li{width:144px;line-height:40px;height:40px;padding-left:16px;box-sizing:border-box;font-size:14px;color:#000;font-weight:600;}
.charge_select > ul li.on{color:#f26532;background:url(/book/images/m_book/bookcash_auto/charge_select_li_icon_on.png) no-repeat 90% center #fde8e0;background-size:14px 14px;}
.bookcash_auto_benefit{font-size:14px !important;font-weight:normal !important;letter-spacing:-1px;}
.bookcash_auto_benefit span{position:relative;font-weight:600;}
.bookcash_auto_benefit span:after{content:"";width:102%;height:12px;display:inline-block;background:#ffc8b4;position:absolute;bottom:0;left:-1%;z-index:-1;border-radius:4px;}
.bookcash_auto_benefit em{color:#f26532;font-weight:600;}
.bookcash_auto_ps.bg{padding:30px 0px 0px 0px;}
.auto_bg_box{position:relative;}
.bookcash_auto_choice{padding:24px 16px 0;}
.bookcash_auto_choice > h4{font-size:18px;color:#000;font-weight:600;margin-bottom:16px;}
.bookcash_auto_choice_charge{display:flex;justify-content:space-between;}
.bookcash_auto_choice_charge input[type="radio"]{position:absolute;left:-9999px;width:0;height:0;}
.bookcash_auto_choice_charge li{width:48%;height:88px;}
.bookcash_auto_choice_charge li label{display:inline-block;width:100%;height:100%;padding-top:58px;box-sizing:border-box;text-align:center;font-size:12px;color:#a1a1a1;font-weight:600;border:1px solid #cfcfcf;
cursor:pointer;border-radius:4px;}
.bookcash_auto_choice_charge li label input[type="radio"]{position:absolute;left:-9999px;width:1px;height:1px;}
.bookcash_auto_choice_charge li:first-child label{background:url(/images/bookcash_auto/bookcash_auto_card_off.png) no-repeat center 24px;}
.bookcash_auto_choice_charge li:last-child label{background:url(/images/bookcash_auto/bookcash_auto_naver_off.png) no-repeat center 24px;}
.bookcash_auto_choice_charge li:first-child input[type="radio"]:checked + label{border-color:#f26532;
background:url(/images/bookcash_auto/bookcash_auto_card_on.png) no-repeat center 24px rgba(242,101,50,0.15);color:#000;}
.bookcash_auto_choice_charge li:last-child input[type="radio"]:checked + label{border-color:#f26532;
background:url(/images/bookcash_auto/bookcash_auto_naver_on.png) no-repeat center 24px rgba(242,101,50,0.15);color:#000;}
.bookcash_auto_choice .attended h4{font-size:18px;margin-left:0;}
.bookcash_auto_choice .attended ul{padding:0 20px 0 0;}
.bookcash_auto_choice .attended div{padding:23px 0 0;}
.payment-btn.bookcash_auto{padding:30px 0 30px;text-align:center;}
.payment-btn.bookcash_auto input{height:46px;margin:0 auto;width:368px;line-height:46px;padding:0;font-weight:600;font-size:16px;display:inline-block;color:#fff;text-align:center;background:#f26532;
border-radius:4px;border:none;cursor:pointer;}
.bookcash_auto_input .bookcash_auto_manage_btn{display:block;width:100%;text-align:center;background:#f26532;color:#fff;font-size:16px;font-weight:600;line-height:46px;border-radius:4px;}
.bookcash_auto_state_text{text-align:right;padding:16px 0 16px;color:#666;font-size:14px;}
.bookcash_auto_state_icon{padding-left:23px;background:url(/images/bookcash_auto/bookcash_auto_state_icon.png) no-repeat left center;background-size:18px 18px;font-size:12px;color:#9059ff;
margin-bottom:15px;line-height:18px;font-weight:600;}
.bookcash_auto_charge_manage{padding:24px 16px;}
.bookcash_auto_charge_manage table{width:100%;border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;margin-bottom:32px;}
.bookcash_auto_charge_manage table th{background:#f9f9fa;line-height:59px;height:59px;text-align:left;font-size:16px;font-weight:600;}
.bookcash_auto_charge_manage table th:last-child{text-align:right;}
.bookcash_auto_charge_manage table th a{color:#f26532;font-size:16px;}
.bookcash_auto_charge_manage table th , .bookcash_auto_charge_manage table td{border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1;padding:0 20px;}
.bookcash_auto_charge_manage table th:nth-child(1), .bookcash_auto_charge_manage table td:nth-child(1){border-right:none;}
.bookcash_auto_charge_manage table td{line-height:51px;height:51px;font-size:12px;color:#999;font-weight:600;}
.bookcash_auto_charge_manage table td:last-child{text-align:right;color:#000;font-weight:normal;}
.bookcash_auto_charge_manage table:nth-child(2) tbody tr:last-child td{text-align:right;}
.bookcash_auto_charge_manage .bookcash_auto_ps{margin:24px 0 8px;}
.bookcash_auto_charge_manage > a{margin-top:24px;display:block;background:#f26532;line-height:46px;font-size:16px;color:#fff;font-weight:600;color:#fff;text-align:center;border-radius:4px;}
.payment-btn.bookcash_auto.two{display:flex;justify-content:space-between;padding:30px 16px;box-sizing:border-box;}
.payment-btn.bookcash_auto.two input{width:48%;height:40px;line-height:40px;margin:0;}
.payment-btn.bookcash_auto.two input:last-child{background:#fff;color:#000;border:1px solid #ccc;}
.bookcash_auto_result{padding:0 0 19px;}
.bookcash_auto_result .bookcash_auto_finish{padding-top:158px;margin-bottom:34px;background:url(/images/bookcash_auto/bookcash_auto_finish.png) no-repeat center 36px;
text-align:center;font-size:16px;font-weight:600;line-height:1.3;}
.bookcash_auto_result .bookcash_auto_cancel{padding-top:158px;margin-bottom:34px;background:url(/images/bookcash_auto/bookcash_auto_cancel.png) no-repeat center 36px;
text-align:center;font-size:16px;font-weight:600;line-height:1.3;}
.bookcash_auto_result .bookcash_auto_btn{padding:5px 16px 0;}
.bookcash_auto_result .bookcash_auto_btn a{display:block;background:#f26532;line-height:46px;font-size:16px;color:#fff;font-weight:600;color:#fff;text-align:center;border-radius:4px;}
.bookcash_auto_result .bookcash_auto_btn a:nth-child(2){margin-top:10px;background:#fff;border:1px solid #f26532;color:#f26532;}
.bookcash_auto_charge_manage.change{padding-bottom:8px;}
.bookcash_auto_charge_manage.change table{margin-bottom:0;}
.bookcash_auto_charge_manage.change table td{color:#f26532;}
.bookcash_auto .attended{padding-top:24px;}
.bookcash_auto .attended ul{border:none;padding:0 16px;}
.bookcash_auto .attended ul li{padding-left:12px;font-family:sans-serif;}
.bookcash_auto .attended ul li:before{content:'\0007';position:absolute;left:0;}
.bookcash_auto .attended div{border-top:1px solid #f3f3f4;padding:23px 16px 0;}
.gray{color:#d5d5d5 !important;}

/* 결제페이지 토스페이 추가 */
.tosspay-choice{display:none;margin-top:-1px;padding:18px 19px;border:1px solid #e0e1e2;}
.tosspay-choice p:nth-child(1){margin-bottom:10px;font-size:15px;color:#333;font-weight:600;}
.tosspay-choice p{font-size:12px;color:#999;font-weight:bold;line-height:20px;}
.tosspay-cashback{display:none;margin-bottom:11px;margin-top:-1px;}
.tosspay-cashback p:nth-child(1){margin-bottom:10px;font-size:15px;color:#333;font-weight:600;}
.tosspay-cashback p{font-size:12px;color:#999;font-weight:bold;line-height:20px;}
.tosspay-cashback a{color:#f00;}
.d-event{padding-top:12px;}
.view-novel{margin-top:10px;background:#f2f2f2;padding:10px 22px;display:flex;justify-content: space-between;}
.view-novel p{padding-left:29px;color:#1d1d1d;line-height:24px;background:url(/toon/images/toon/view-novel.png) no-repeat left center;}
.view-novel p span {font-weight:600;margin-right:8px;}
.view-novel a {display:block;border:1px solid #f56121;border-radius:4px;background:#fff;color:#f56121;line-height:24px;padding:0 8px;}
.authors{position:relative;padding-right:100px;border-top:2px solid #333;border-bottom:1px solid #eee;}
.authors ul:after{content:"";display:block;clear:both;}
.authors ul li{float:left;}
.authors ul li button{position:relative;padding:0 13px;line-height:48px;font-size:14px;color:#7d7d7d;border:none;background:#fff;box-sizing:border-box;font-weight:600;}
.authors ul li button.on{color:#f26432;}
.authors ul li button.on span{position:absolute;left:0;bottom:0px;display:block;width:100%;height:2px;background:#f26432;}
.authors-toggle{display:none;position:absolute;right:20px;top:12px;width:20px;height:20px;background:url(/toon/images/toon/authors-down.png) no-repeat center center;border:none;text-indent:-9999px;}
.authors-toggle.on{background:url(/toon/images/toon/authors-up.png) no-repeat center center;}
.author-btn{padding:20px 0 0;text-align:right;}
.author-btn button{width:112px;height:28px;color:#fff;border-radius:4px;background:#f26432;color:#fff;border:1px solid #dc4510;}
.author-btn button.on{background:#595959;border:1px solid #595959;}
.title{padding:43px 0 14px;position:relative;}
.title h3{font-size:20px;color:#000;font-weight:600;}
.authors-title{padding-top:30px;padding-bottom:4px;}
.authors-title:after{content:"";display:block;clear:both;}
.authors-title h3{float:left;font-size:20px;color:#000;}
.authors-title span{float:right;}
.authors-title span button{background:none;}
.authors-title span button.on{color:#6200ee;text-decoration:underline;}
.authors-title span em{display:inline-block;color:#dedede;margin:0 10px;font-weight:400;}
.authors-md{margin-bottom:10px;}
.authors-md .mds{padding-top:10px !important;}
.authors-md .mds li{width:150px;margin-right:37px;}
.authors-md .mds li:last-child{margin-right:0;}
.authors-md .mds li a{display:block;width:150px;height:210px;position:relative;}
.authors-md .mds li a img{display:block;width:150px;height:210px;}
.authors-md .mds li .hot-info .hot-title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail_class_best_book{margin-top:30px;}

/* 푸터 고객센터 변경 */
footer .footer-top .cs-wrap {padding: 31px 0 33px 122px;}
footer .footer-top .cs-wrap .short-cut {padding-left:100px;}
footer .footer-top .cs-wrap .short-cut div p {margin-right: 30px;}
footer .footer-top .cs-wrap .short-cut div p:nth-child(5) a {width:48px;background: url(/novel/images/novel/f-customer.svg) no-repeat center 1px;}
footer .footer-top .cs-wrap .short-cut div p a {padding-top:49px;}
.customer-top-menu ul li:nth-child(1){width:113px;}
.customer-top-menu ul li:nth-child(2){width:143px;}
.customer-top-menu ul li:nth-child(3){width:182px;}
.customer-top-menu ul li:nth-child(4){width:164px;}
.customer-top-menu ul li:nth-child(5){width:136px;}
.customer-top-menu ul li:nth-child(6){width:160px;}
.customer-top-menu ul li:nth-child(6) a{background:url(/images/customer/customer-6.png) no-repeat 22px center;text-indent:0;color:#111;font-weight:600;font-size:18px;line-height:26px;}
.customer-top-menu ul li:nth-child(6) a em{padding-left:53px;}

/* 최근 열람 작품 추가 */
.title.lately{padding:3px 0 0;display:flex;justify-content:space-between;}
.authors-md.lately{margin-bottom:43px;}
.authors-md.lately .mds .hot-info .hot-title{overflow:visible;text-overflow:clip;white-space:normal;}
.lately-ps{float:right;line-height:34px;color:#666;}
.s-publication{font-size:12px;color:#909090;margin-top:6px;font-weight:normal;}
.reply-tbl.lately .s-author{margin-top:5px;font-size:14px !important;}
.frame .tab .reply-tbl.sunho .s-genre.book{color:#f26532;}
.frame .tab .reply-tbl.sunho .s-genre.book:hover{color:#f26532;}
.frame .tab .reply-tbl.sunho td:nth-child(2) div:nth-child(2).adult{padding-left:0 !important;}

.pInformation{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.2);z-index:30000;display:none;}
.pInformation-box{position:relative;width:540px;margin:3% auto;background:#fff;padding:30px 10px 10px;box-sizing:border-box;overflow:auto;}
.pInformation-box h2{position:absolute;left:10px;top:10px;font-size:14px;}
.pInformation-box table{margin-top:6px;border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;}
.pInformation-box table th{background:#f26532;color:#fff;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;width:20%;line-height:16px;font-size:13px;}
.pInformation-box table td{border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;font-size:13px;padding:3px 3px 8px;}
.pInformation-box table td li{margin-top:5px;line-height:16px;}
.pInformation-box > a{display:block;top:6px;right:10px;position:absolute;width:18px;height:18px;background:url(/book/images/m_book/free-close.png) center center;background-size:18px 18px;text-indent:-9999px;}
.pInformation-box p{margin-top:5px;line-height:16px;}
.pInformation-box p a{color:#000;}



/* 결제페이지 수정 */
.payment-renewal .step3 ul li:nth-child(1){padding-left:20px;width:100%;}
.payment-renewal .step3 ul li:nth-child(2){padding-left:20px;}
.payment-renewal .step3 ul li:nth-child(6){padding-left:20px;}
.payment-renewal .step3 ul li:nth-child(10){padding-left:20px;border-bottom:none;}
.payment-renewal .step3 ul li span{color:#ff0000;position:absolute;top:-1px;font-weight:bold;font-size:9px;}
.payment-renewal .step3 ul li:nth-child(1) span{left:140px;}
.payment-renewal .step3 ul li:nth-child(2) span{left:120px;}
.payment-renewal .step3 ul li em{padding-left:25px;font-weight:600;}
/* 북큐브페이 ps */
.bookcube-choice{margin-top:-1px;padding:18px 19px;border:1px solid #e0e1e2;}
.bookcube-choice p{font-size:12px;color:#999;line-height:18px;}
.bookcube-choice p:nth-child(1){margin-bottom:10px;color:#333;font-size:15px;line-height:20px;font-weight:600;}
.bookcube-choice p.bookcube-promotion{margin:16px 0 10px;color:#f26532;font-size:15px;line-height:20px;font-weight:600;}
.bookcube-choice ol li{font-size:12px;color:#999;line-height:18px;}

/* 북캐시 충전 페이지 수정 */
.charge .charge-bottom .pay-way ul li{position:relative;height:56px;}
.charge .charge-bottom .pay-way ul li:nth-child(1){padding-left:20px;width:100%;}
.charge .charge-bottom .pay-way ul li:nth-child(2){padding-left:20px;}
.charge .charge-bottom .pay-way ul li:nth-child(6){padding-left:20px;}
.charge .charge-bottom .pay-way ul li:nth-child(10){padding-left:20px;border-bottom:none;}
.charge .charge-bottom .pay-way ul li span{color:#ff0000;position:absolute;top:-1px;font-weight:bold;font-size:9px;}
.charge .charge-bottom .pay-way ul li:nth-child(1) span{left:140px;}
.charge .charge-bottom .pay-way ul li:nth-child(2) span{left:120px;}
.charge .charge-bottom .pay-way ul li em{padding-left:25px;font-weight:600;}

