@charset "utf-8";

* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 상단 메뉴*/
#header{width:100%;height:62px;border-bottom:1px solid #c5c2b3;background-color:#fff;}
#logo{position:absolute;top:10px;left:40px;}
#logo img{width:129px;}
#nav{position:absolute;left:0;top:62px;width:212px;}
#searchArea{position:absolute;top:10px;right:310px;margin:auto;}
#search{width:252px;height:40px;line-height:40px;display:inline-block;background-color:#f2ede7;border:1px solid #dad3cb;border-radius:10px;}
#search input{border:none;background-color:transparent;font-family:"Nanum Gothic", sans-serif;font-weight:bold;font-size:20px;letter-spacing:-1px;}
#search input[type="search"]{margin-left:15px;width:210px;color:#9C9898; line-height:40px;}
#search input::placeholder {color: #9C9898;}
#search input[type="search"]
::-ms-clear, #search input[type="search"]::-ms-reveal{display:none;width:0;height:0;}
#search input[type="search"]
::-webkit-search-decoration, #search input[type="search"]
::-webkit-search-cancel-button, #search input[type="search"]
::-webkit-search-results-button, #search input[type="search"]
::-webkit-search-results-decoration{display:none;}
#search input[type="submit"]{background:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_search.png') no-repeat;cursor:pointer;height:15px;width:20px; background-size:15px;}
/*search2*/
#search2{width:252px;height:39px;line-height:39px;display:inline-block;background-color:#FBFAF5;border:1px solid #EBE2D9;border-radius:10px;}
#search2 input{border:none;background-color:transparent;font-family:"Nanum Gothic", sans-serif;font-weight:bold;font-size:18px;letter-spacing:-1px;}
#search2 input[type="search"]{margin-left:15px;width:210px;color:#4A4A4A; line-height:36px;}
#search2 input::placeholder {color: #4A4A4A;}
#search2 input[type="search"]
::-ms-clear, #search2 input[type="search"]::-ms-reveal{display:none;width:0;height:0;}
#search2 input[type="search"]
::-webkit-search-decoration, #search2 input[type="search"]
::-webkit-search-cancel-button, #search2 input[type="search"]
::-webkit-search-results-button, #search2 input[type="search"]
::-webkit-search-results-decoration{display:none;}
#search2 input[type="submit"]{background:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_search.png') no-repeat;cursor:pointer;height:15px;width:20px; background-size:15px;}
#gnb{position:absolute;top:12px;right:68px; width:230px;}
#gnb li{float:left;width:auto;height:37px;margin-left:12px;background-size:auto 36px;background-repeat:no-repeat;cursor:pointer;}
#gnb #guide{width:112px;background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_gng1.png'); background-size:112px;margin-top:1px;}
#gnb #notice{position:relative;width:37px;background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_gng2.png');}
#notice_new{position:absolute;top:-3.5px;right:-3.5px;width:20px;height:20px; display:none;}
#gnb #user{width:37px;}
#gnb #user img{width:100%;}
/* #header #close{position:absolute;top:20px;right:20px;width:30px;height:30px;background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_close.png');background-size:20px 20px;cursor: pointer; background-repeat:no-repeat;} */
#header #close,
#header #close2,
#header #close3,
#gatepage .close {position: absolute;top: 0px;right: 0px;width: 30px;height: 30px;background-image: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_close.png);background-size: 20px 20px;background-repeat: no-repeat;cursor:pointer;background-position:center;padding:30px;}

strong,
em {
    font-weight: bold;
}

/*input 스타일*/
input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}


/* 알림창 */
#notices{display:none;position:absolute;width:282px;height:454px;right:143px;top:55px;border:1px solid rgba(90, 90, 90, 0.5);background-color:#fff;border-radius:10px;color:#454f50;box-shadow:1px 1px 1px 0 rgba(190, 190, 190, 0.5);z-index:100;}
#notices:before{content:"";display:block;position:absolute;left:144px;top:-27px;width:0;height:0;border:13px solid transparent;border-bottom-color:rgba(90, 90, 90, 0.4);}
#notices:after{content:"";display:block;position:absolute;left:144px;top:-25px;width:0;height:0;border:13px solid transparent;border-bottom-color:white;}
#notices .x_close{position:absolute;width:15px;height:15px;right:11px;top:15px;cursor:pointer;}
#notices_tit{height:52px;border-bottom:1px solid #cfd9ce;}
#notices h4{font-weight:bold;font-size:18px;padding:17px 22px;}
#notices_list{overflow:hidden;height:400px;background-color:#f8f8f8;border-radius:0 0 10px 10px;padding:15px 20px;}
#notices .board{height:372px;overflow-y:auto;margin-right:-10px;padding-right:20px;}
#notices .noticeArea{display:flex;padding:14px 0;border-bottom:1px solid #c2c5c5;}
/* #notices .noticeArea .img{width:66px;} */
#notices .noticeArea .img{width:40px;}
#notices .noticeArea .img>img{width:40px;height:40px;}
#notices .noticeArea .noticeTitle{font-weight:bold;font-size:18px;line-height:24px;text-align:left; margin-left:10px;}
#notices .noticeArea .day{font-size:16px;line-height:24px;text-align:left; margin-left:10px;}
#notices .noticeArea:first-child{padding-top:0;}
#notices .noticeArea:last-child{border-bottom:none;}
#notices .board::-webkit-scrollbar{width:5px;}
#notices .board::-webkit-scrollbar-track{background-color:#d9d9d9;}
#notices .board::-webkit-scrollbar-thumb{background-color:#7f7f7f;}
/* #notices .board::-webkit-scrollbar-thumb{background-color:#c7bfb4; border:1px solid #7f7f7f;border-radius:10px;} */




/* 사이드 메뉴 */
#lnb{float:left;width:215px;height:100%;overflow:hidden;box-sizing:border-box;padding:15px 20px;}
#lnb li{font-family:"BMJUA";font-size:22px;margin-bottom:2px;}
#lnb li:last-child{margin-bottom:0px}
#lnb .list1{border-radius:15px;border:1px solid #4e4e4c;background-color:#5e5a57;color:#fff;padding:10px 10px;margin-bottom:5px;}
#lnb_pick>a{background-color:#f36b05;padding-left:15px;background-image: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_lnb_pick.png); background-repeat:no-repeat; background-size:25px; background-position:115px;}
#lnb_pick>p{background-color:#f36b05;padding-left:15px;background-image: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_lnb_pick.png); background-repeat:no-repeat; background-size:15px; background-position:130px;}


#lnb>ul.list1>li>p {
    padding-left: 10px;
    background-image: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_index_library2.png);
    background-repeat: no-repeat;
    /* background-size: 20px; */
    background-size: auto 22px;
    background-position: 116px;
    background-color:#726d69;
    display: inline-block;
    width: 100%;
    line-height: 39px;
    border-radius: 8px;
    background-color: #726d69;
    margin-top: 3px;
    padding-left: 15px;
    font-family: "BMJUA";
    font-size: 22px;
    margin-bottom: 3px;
}

#lnb>ul.list1>li>p.active {
    background-color: #f36b05;
}

#lnb>ul.list1>li.lnb_library>p {
    background-image: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_index_library2.png);
    /* padding-left: 10px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-size: 22px;
    background-position: 116px;
    background-color:#726d69; */
}

/* .lnb_library p {
    display: inline-block;
    width: 100%;
    line-height: 39px;
    border-radius: 8px;
    background-color: #726d69;
    margin-top: 3px;
    padding-left: 15px;
    font-family: "BMJUA";
    font-size: 22px;
    margin-bottom: 3px;
} */

#lnb>ul.list1>li.lnb_created>p {
    background-image: url(../images/icon/icon_lnb_selfpub.png)!important;

}

#lnb>ul.list1>li.lnb_created::after {
    content: "";
    display: block;
    background-color: #4f4e4d;
    height: 1px;
    margin: 8px 0;
}

#lnb>ul.list1>li.lnb_mustread>p {
    background-image: url(../images/icon/icon_lnb_mustread.png)!important;
    background-size: 30px;
}

#lnb>ul.list1>li.lnb_audiobook>p {
    background-image: url(../images/icon/icon_lnb_audiobook.png)!important;
    margin-bottom: 5px;
}

/* #lnb_cat>a.active, #lnb_cat2>a.active{ */
    /* color:#ff9b3d;padding-left:13px;padding-right:10px;font-size:19px;line-height:31px; */
/* } */

#lnb_cat>a, #lnb_cat2>a,#lnb_cat>label {color:#ff9b3d;padding-left:5px;padding-right:10px;font-size:21px;line-height:31px; font-family: "BMJUA", sans-serif;}

.list1>li>a{display:inline-block;width:100%;line-height:39px;border-radius:8px;margin-top:3px;}

.list1_1>li>a, .list1_2>li>a{
    display: inline-block;
    width: 100%;
    line-height: 35px;
    border-radius: 8px;
    background-color: #726d69;
    margin-top: 2px;
    padding-left: 35px;
    height: 36px;
    background-image: url(../images/icon/icon_lnb_depth.png);
    background-repeat: no-repeat;
    background-position: 17px;
    background-size: 10px;
    padding-top: 2px;
}
.list1_1>li>a.active,
.list1_2>li>a.active{
    background-color:#f36b05;
    /* background-image: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_right.png);
    background-repeat:no-repeat;
    background-size:10px;
    background-position:132px 11px; */
}

.list1_1>li>p,
.list1_2>li>p{display:inline-block;width:100%;line-height:39px;border-radius:8px;background-color:#726d69;margin-top:3px;padding-left:15px;font-family: "BMJUA", sans-serif;font-size: 18px;}
.list1_1>li>p.active,
.list1_2>li>p.active{
    background-color:#f36b05;
    /* background-image: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_right.png);
    background-repeat:no-repeat;
    background-size:10px;
    background-position:130px; */
}

.list1_1>li:last-child {
    margin-bottom:3px;
}

.list2>li{margin-top:6px; font-size: 20px !important;}
.list2>li>a{display:inline-block;height:43px;width:175px;line-height:43px;border:1px solid #c6b999;border-radius:10px;background-color:#ddd2b4;background-repeat:no-repeat;background-size:29px 23px;background-position:13px center;padding-left:60px;}
/* .list2>.library>a{background-color:#4492a6;border:1px solid #387d8d;color:#fff;} */

/* .list2>li:nth-child(1)>a{background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_lnb2.png'); background-size: 38px 28px;} */
/* .list2>li:nth-child(1)>a{background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_lnb4.png'); background-size: 37px 26px;} */
/* .list2>li:nth-child(1)>a{background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/bn_bookr.png'); background-size: 175px 43px; background-position: center;} */
.list2>li:nth-child(1)>a{background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/bn_levelup.png'); background-size: 175px 43px; background-position: center;}
.list2>li:nth-child(2)>a{background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_lnb1.png'); background-size: 26px 32px; background-position: 18px;}
.list2>li:nth-child(3)>a{background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_lnb3.png'); background-size: 33px 31px;}

.list2>li:nth-child(4)>a{background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_lnb4.png'); background-size: 37px 26px;}


/* 학년 선택 */
#grade{position:absolute;top:10px;left:234px;width:140px;height:40px;font-family:"Nanum Gothic", sans-serif;font-weight:bold;font-size:18px;line-height:38px;color:#fff;border-radius:10px;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#5e5a57;background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_whiteArrow.png');background-repeat:no-repeat;background-position:110px center;background-size:15px 10px;}
#grade>a{display:block; padding:0px 15px 4px; overflow:hidden;}
/*#grade>ul{position:absolute;width:138px;left:1px;top:29.5px;background:#fff;color:#454f51;border:1px solid #5e5a57;border-top-width:10px;border-radius:0 0 10px 10px;display:none;z-index:50;}*/
#grade>ul{position:absolute;width:140px;left:0;top:29.5px;background:#fff;color:#454f51;border:1px solid #5e5a57;border-top-width:10px;border-radius:0 0 10px 10px;display:none;z-index:50;}
#grade>ul>li{cursor:pointer; padding:0 13px; border-top:1px solid #c4c4c4;line-height:40px; background: #f8f8f8;font-size:17px;}
#grade>ul>li:last-child{border-radius:0 0 10px 10px;}

.select_on {
    border-radius: 10px 10px 0 0 !important;
}

/* 추천순, 인기순 */
#order{position:relative;width:115px;height:39px;z-index:10;top:8px;left:-1px;}
/* #order>a{width:115px;height:39px;font-family:"BMJUA";border-radius:10px;border:1px solid #c6c2b6;background-color:#fff;color:#464e50;display:block;padding:0 10px;overflow:hidden;line-height:39px;background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_brownArrow.png');background-repeat:no-repeat;background-position:90px center;background-size:15px 10px;} */

#order>a {
    width: 115px;
    height: 39px;
    font-family: "BMJUA", sans-serif;
    border-radius: 10px;
    border: 1px solid #c6c2b6;
    background-color: #FBFAF5;
    color: #494949;
    display: block;
    padding: 0 16px;
    overflow: hidden;
    line-height: 40px;
    background-image: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_brownArrow.png);
    background-repeat: no-repeat;
    background-position: 85px center;
    background-size: 15px 10px;
    font-size: 18px;
}

#order>ul{position:absolute;width:100%;top:30px;background:#fff;color:#454f51;border:1px solid #c6c2b6;border-radius:0 0 10px 10px;display:none;z-index:-1;box-shadow: 3px 4px 5px -2px rgba(0, 0, 0, 0.2);}
#order>ul>li{cursor:pointer;padding:0 16px;border-top:1px solid #c6c2b6;line-height:40px;font-family:"BMJUA";font-size:18px;background-color: #FBFAF5;}
#order>ul>li:first-child{padding-top:8px;}
#order>ul>li:last-child{border-radius:0 0 10px 10px;}

/* 컨텐츠 영역 */
#contents{position:relative;background-color:#f8f0e5;width:100%;height:690px;}
#content { float:left;width:820px;height:100%;overflow:hidden;box-sizing:border-box;position:relative;padding:15px 18px; }

#content .contentTit,
#content_topic .contentTit,
#contents_search .contentTit{
    display:flex;width:100%;height:50px;line-height:46px;border-bottom:1px solid #E9E2D5;margin-bottom:20px;
}
#content h3,
#content_topic h3,
#contents_search h3 {
    height:50px;float:left;font-weight:bold;font-size:16px;white-space:nowrap;
}
#content h3 .book_tit,
#content_topic h3 .book_tit,
#contents_search h3 .book_tit,
#content_created h3 .book_tit,
#content_essential h3 .book_tit,
#content_audiobook h3 .book_tit {
    display:inline-block;line-height:50px;font-size:27px;font-family:"BMJUA";font-weight:normal;
}
#content h3 .book_tit2,
#content_topic h3 .book_tit2,
#contents_search h3 .book_tit2,
#content_created h3 .book_tit2,
#content_essential h3 .book_tit2,
#content_audiobook h3 .book_tit2 {
    font-size:18px;font-weight:bold;
}
#content h3 .boundary,
#content_topic h3 .boundary,
#contents_search h3 .boundary,
#content_created h3 .boundary,
#content_essential h3 .boundary,
#content_audiobook h3 .boundary {
    color:#aaa;padding:0 10px;
}
#content .selectArea,
#content_topic .selectArea,
#contents_search .selectArea,
#content_created .selectArea,
#content_essential .selectArea,
#content_audiobook .selectArea {
    margin-left:auto; margin-top:-4px;
}

#content .monthBook_tit {
    display: inline-block;
    line-height: 50px;
    font-size: 27px;
    font-family: "BMJUA", sans-serif;
    font-weight: normal;
}
#contents_search .monthBook_tit .orange {
    color:#F36C04;
    font-family: "BMJUA", sans-serif;
    font-weight: normal;
    /* font-size: 20px; */
}

/* 카드 리스트 */
/* #content .depthList {width:100%;height:544px;height:264px;margin:0 auto;overflow: hidden; overflow-x: auto;} */
#content .depthList,
#content_topic .depthList,
#contents_search .depthList,
#content_created .depthList,
#content_essential .depthList,
#content_audiobook .depthList {width:100%;/*height:544px;*/height:264px;margin:0 auto;}


/*수정 전 css*/
/* #content .depthList li{position:relative;float:left;width:175px;height:245px;margin:2px 10px 20px 10px;border-radius:10px;overflow:hidden;background-color:#fff;box-shadow:-2px 2px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px #bfbfbf;} */


#content .depthList li,
#content_topic .depthList li,
#contents_search .depthList li,
#content_created .depthList li,
#content_essential .depthList li,
#content_audiobook .depthList li  {position:relative;float:left;width:186px !important;height:245px;margin:2px 5px 20px 5px;border-radius:10px;overflow:hidden;background-color:#fff;border:1px solid #BEBEBE; box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.2); cursor:pointer;}


#content .depthList li .depthImg,
#content_topic .depthList li .depthImg,
#contents_search .depthList li .depthImg,
#content_created .depthList li .depthImg,
#content_essential .depthList li .depthImg,
#content_audiobook .depthList li .depthImg {width:100%;height:209px;overflow:hidden;background-color:lightgrey;}

#content .depthList li .depthImg img,
#content_topic .depthList li .depthImg img,
#contents_search .depthList li .depthImg img,
#content_created .depthList li .depthImg img,
#content_essential .depthList li .depthImg img,
#content_audiobook .depthList li .depthImg img {width:100%;height:100%;}

#content .depthList li .depthImg::after,
#content_topic .depthList li .depthImg::after,
#contents_search .depthList li .depthImg::after,
#content_created .depthList li .depthImg::after,
#content_essential .depthList li .depthImg::after,
#content_audiobook .depthList li .depthImg::after {content:'';position:absolute;top:7px;left:7px;width:92%;height:3px;border-radius:10px;background-color:rgba( 255, 255, 255, 0.5 );background: linear-gradient(rgba(255, 255, 255, 0.4),rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.4));box-shadow: 0px 1px 4px 4px rgba(255, 255, 255, 0.4);}
/* #content .depthList li .depthTit{position:absolute;width:100%;bottom:34px;font-weight:bold;font-size:20px;line-height:27px;letter-spacing:-1px;padding:7px 8px;overflow:hidden;color:#000;background-color:rgba( 255, 255, 255, 0.6 ); height:95px;} */
#content .depthList li .depthTit,
#content_topic .depthList li .depthTit,
#contents_search .depthList li .depthTit,
#content_created .depthList li .depthTit,
#content_essential .depthList li .depthTit,
#content_audiobook .depthList li .depthTit {
    position:absolute;
    width:100%;
    bottom:34px;
    font-weight:bold;
    font-size:20px;
    line-height:27px;
    letter-spacing:-1px;
    padding:7px 8px;
    overflow:hidden;
    color:transparent;
    /* background-color:rgba(249, 248, 248, 0.55); */
    /* height:65px; */
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap:break-word;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
/* #content .depthList li .depthTit span{display:inline-block;width:15px;margin-left:2px;} */
/* #content .depthList li .depthTit span img{width:20px;vertical-align:-1px;margin-right:2px;} */
#content .depthList li .depthScore,
#content_topic .depthList li .depthScore,
#contents_search .depthList li .depthScore,
#content_created .depthList li .depthScore,
#content_essential .depthList li .depthScore,
#content_audiobook .depthList li .depthScore {text-align:center;height:32px;border-bottom:1px solid #bfbfbf;}

#content .depthList li .depthReview,
#content_topic .depthList li .depthReview,
#contents_search .depthList li .depthReview,
#content_created .depthList li .depthReview,
#content_essential .depthList li .depthReview,
#content_audiobook .depthList li .depthReview {position:absolute;bottom:0;display:table;width:100%;border-top:1px solid #CFCFCF;height:35px;}

/* #content .depthList li .depthReview p{display:table-cell;vertical-align:middle;width:64px;padding:0 4px 0 12px;font-size:16px;line-height:11px;color:#656565; font-weight:bold; font-family:"Nanum Gothic";} */
#content .depthList li .depthReview p,
#content_topic .depthList li .depthReview p,
#contents_search .depthList li .depthReview p,
#content_created .depthList li .depthReview p,
#content_essential .depthList li .depthReview p,
#content_audiobook .depthList li .depthReview p {display:table-cell;width:64px;padding:10px 4px 0 12px;font-size:16px;line-height:11px;color:#656565; font-weight:bold; font-family:"Nanum Gothic";}

/* #content .depthList li .depthReview .heart{display:table-cell;vertical-align:middle;width:64px;padding:0 4px 0 12px;font-size:16px;line-height:11px;color:#656565; font-weight:bold; font-family:"Nanum Gothic"; cursor:pointer;} */
#content .depthList li .depthReview .heart,
#content_topic .depthList li .depthReview .heart,
#contents_search .depthList li .depthReview .heart,
#content_created .depthList li .depthReview .heart,
#content_essential .depthList li .depthReview .heart,
#content_audiobook .depthList li .depthReview .heart {display:table-cell;width:64px;padding:10px 4px 0 12px;font-size:16px;line-height:11px;color:#656565; font-weight:bold; font-family:"Nanum Gothic"; cursor:pointer;}

#content .depthList li .depthReview .on,
#content_topic .depthList li .depthReview .on,
#contents_search .depthList li .depthReview .on,
#content_created .depthList li .depthReview .on,
#content_essential .depthList li .depthReview .on,
#content_audiobook .depthList li .depthReview .on {color: #ff7d94;}

#content .depthList li .depthReview .heart,
#content_topic .depthList li .depthReview .heart,
#contents_search .depthList li .depthReview .heart,
#content_created .depthList li .depthReview .heart,
#content_essential .depthList li .depthReview .heart,
#content_audiobook .depthList li .depthReview .heart {border-left:1px solid #bfbfbf;}


#content .booklist li.likeArea .on,
#content_topic .booklist li.likeArea .on,
#contents_search .booklist li.likeArea .on,
#content_created .booklist li.likeArea .on,
#content_essential .booklist li.likeArea .on,
#content_audiobook .booklist li.likeArea .on {color: #ff7d94;}

#content .depthList li .depthReview .heart:before,
#content_topic .depthList li .depthReview .heart:before,
#contents_search .depthList li .depthReview .heart:before,
#content_created .depthList li .depthReview .heart:before,
#content_essential .depthList li .depthReview .heart:before,
#content_audiobook .depthList li .depthReview .heart:before {
    /* content: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_heart.png); */
    content: "";
    background: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_heart6.png) no-repeat;
    background-size: 15px 13px;
    width: 15px;
    height: 15px;
    display: inline-block;
    /* vertical-align: middle; */
    vertical-align:-4px;
    margin-right: 3px;
}

#content .depthList li .depthReview .heart.on:before,
#content_topic .depthList li .depthReview .heart.on:before,
#contents_search .depthList li .depthReview .heart.on:before,
#content_created .depthList li .depthReview .heart.on:before,
#content_essential .depthList li .depthReview .heart.on:before,
#content_audiobook .depthList li .depthReview .heart.on:before {
    /* content: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_heart2.png); */
    content: "";
    background: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_heart5.png) no-repeat;
    background-size: 15px 13px;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

#content .depthList li .depthReview p img,
#content_topic .depthList li .depthReview p img,
#contents_search .depthList li .depthReview p img,
#content_created .depthList li .depthReview p img,
#content_essential .depthList li .depthReview p img,
#content_audiobook .depthList li .depthReview p img {width:13px;margin-right:4px; vertical-align:middle;}


/* #content .depthList li .depthReview .comments img{vertical-align: middle;margin-right: 3px;width: 15px;} */
#content .depthList li .depthReview .comments img,
#content_topic .depthList li .depthReview .comments img,
#contents_search .depthList li .depthReview .comments img,
#content_created .depthList li .depthReview .comments img,
#content_essential .depthList li .depthReview .comments img,
#content_audiobook .depthList li .depthReview .comments img {margin-right: 3px;width: 15px;}


/* #content .depthList li .depthReview .heart img{vertical-align: middle;margin-right: 3px;width: 15px;} */
#content .depthList li .depthReview .heart img,
#content_topic .depthList li .depthReview .heart img,
#contents_search .depthList li .depthReview .heart img,
#content_created .depthList li .depthReview .heart img,
#content_essential .depthList li .depthReview .heart img,
#content_audiobook .depthList li .depthReview .heart img {margin-right: 3px;width: 15px;}

#content .depthList li .depthWrap ,
#content_topic .depthList li .depthWrap ,
#contents_search .depthList li .depthWrap,
#content_created .depthList li .depthWrap,
#content_essential .depthList li .depthWrap,
#content_audiobook .depthList li .depthWrap {
    width:100%;
    background-color: rgba( 255, 255, 255, 0.5 );
}

.depthList>li.created>.depthReview {
    text-align: center;
}

.depthList>li.created>.depthReview>.comments {
    display: none!important;
}

/*리스트 없을 경우*/
.depthNone {
    background: #FBF6F0 !important;
    padding: 23px;
    text-align: center;
    font-weight: bold;
    font-size:18px;
    box-shadow:unset !important;
    /* box-shadow: -2px 2px 0px 0px rgba(0, 0, 0, 0.2); */
    border: 2px dashed #BEBEBE !important;
}

#content .depthList li .depthImgmone:after,
#content_topic .depthList li .depthImgmone:after,
#contents_search .depthList li .depthImgmone:after,
#content_created .depthList li .depthImgmone:after,
#content_essential .depthList li .depthImgmone:after,
#content_audiobook .depthList li .depthImgmone:after {
    content:'';position:absolute;top:7px;left:7px;width:92%;height:3px;border-radius:10px;background-color:rgba( 255, 255, 255, 0.5 );background: linear-gradient(rgba(255, 255, 255, 0.4),rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.4));box-shadow: 0px 1px 4px 4px rgba(255, 255, 255, 0.4);
}

.depthNonewrap {
    margin-top: 20px;
}


.depthNone_txt {
    line-height:24px;
    color:#63666b;
}

.depthNone_txt img {
    /* height: 24px; */
    height:20px;
    vertical-align: -3px;
    margin-right: 4px;
}

.depthnone_img {
    width: 70px;
    margin-bottom: 10px;
}


/* paging */
#pagination{text-align:center; margin:30px 0px 30px;}
.pagination{display:inline-block;padding-left:0;}
.pagination .page-item>li{display:inline;}
.pagination .page-item{display:inline;}
.pagination .page-link{position:relative;float:left;width:40px;height:40px;margin-left:-1px;background-color:#F8F8F8;border:1px solid #ddd;font-weight:bold;text-align:center;line-height:40px;color:#3d3d55;box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.2);}
.pagination>.first>.page-link, .pagination>.prev>.page-link, .pagination>.next>.page-link, .pagination>.last>.page-link{font-family:"BMJUA";font-weight:normal;border-radius:10px;letter-spacing:-2px;margin:0 3px;}
.pagination>.page-item:nth-child(3)>.page-link{border-radius:10px 0 0 10px;}
.pagination>.page-item:nth-last-child(3)>.page-link{border-radius:0 10px 10px 0;}
.pagination .prev .page-link{margin-right:12px;}
.pagination .next .page-link{margin-left:12px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{z-index:3;color:#fff;background:linear-gradient(#f36b05 0%, #f9b785 10%, #f36b05 20%) !important;border:1px solid #cb4f37;}



/* 내가 읽은 책, 좋아요 책 */
.scoreArea .heart img {
    vertical-align: -2px;
    margin-right: 4px;
    width: 15px;
}



/* icon */
/* .icon_new{width:14px;height:14px;margin-right:2px; margin-left:5px;}
.icon_voice{width:14px;height:14px;} */
/* .icon_new{width:20px;height:20px;margin-right:2px; margin-left:5px; vertical-align:-3px;} */
.icon_voice{width:20px;height:20px; vertical-align:-3px;}

.voice img,
.icon_new img {
    /* width: 20px; */
    width:30px;
    vertical-align: -3px;
    margin-right: 2px;
}
#ico_badges {
    margin-left: 7px;
}

.icon_star img{width:14px;height:14px;margin-right:3px;}


/* button */
/* 책 읽기 */
.buttonArea input {
    cursor:pointer;
}
.btn_read{
    width:134px;
    height:45px;
    border-radius:8px;
    font-family:'BMJUA';
    font-size:21px;
    line-height:45px;
    text-align:center;
    background-color:#f36b05;
    color:#fff;
}
.btn_con{
    width:134px;
    height:45px;
    border-radius:8px;
    font-family:'BMJUA';
    font-size:21px;
    line-height:45px;
    text-align:center;
    background-color:#fff;
    border:1.5px solid #F36B05;
    color:#F36B05;
}


/* tag */
.tag{
    position:relative;
    display:inline-block;
}
.tag>li{
    display:inline-flex;
    font-size:15px;
    padding:10px;
    background-color:#e1d7cd;
    color:#464e50;
    border-radius:8px;
    margin-right:4px;
    margin-bottom:4px;
}


#container iframe.fpopup {
    position: absolute;
    top:0;
    left:0px;
    /* right:0; */
    /* bottom:0; */
    /* margin:auto; */
    /* width: 100%; */
    /* height: 100%; */
    width: 1280px;
    height:753px;
    /* height:800px; */
    z-index:300;
    background:#fff;
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    transform: translateY(-800px);
    border-width:0px!important;
    /* background-color: red; */
}

#frame_viewer {
    height:100%!important;
}

/*팝업 스타일1*/
.___popup,.popupWrap {
	position: absolute;
	margin:auto;
	top:0; left:0; right:0; bottom:0;
	background-color: rgba(0,0,0,0.55);
	z-index: 150;
}

.___popupwin {
	position: absolute;
	margin:auto;
	top:0; left:0; right:0; bottom:0;
	width: 405px;
	height: 181px;
	border:2px solid #000;
	border-radius: 8px;
	background-color: #fff;
}

.popupwin_notify {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 772px;
    height: 528px;
    border-radius: 8px;
    background-color: #fff;
    border:none;
}


.___popupwin>.___popupcontent {
	display: block;
	margin-top: 40px;
	color:#464e50;
	font-size: 20px;
	text-align: center;
	font-family: 'Nanum Gothic', 'Jua', '배달의민족 주아', sans-serif;
    font-weight: bold;
    line-height: 1.3em;
    padding: 0px 30px;
}

.___popupwin>.___popupbuttons {
	display: block;
	position: absolute;
	margin:auto;
	left:0px; right:0px; bottom:24px;
    text-align: center;
    font-weight: bold;
}

.___popupwin>.___popupbuttons>.btn_cancel {
	margin-left: 7px;
}

.___popupwin .button2 {
    display: inline-block;
    width: 141px;
    height: 47px;
    background-color: #5e5a57;
    border-radius: 9px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 47px;
    font-family: 'Jua', '배달의민족 주아', 'Nanum Gothic', sans-serif;
}

/*신고하기*/
#declaration_notify{
	position: absolute;
	margin:auto;
	top:0; left:0; right:0; bottom:0;
	width: 405px;
	height: 181px;
	border:2px solid #000;
	border-radius: 8px;
	background-color: #fff;
    position:absolute;
    width:772px;
    height:528px;
}
#declaration_notify h4{
    position:relative;
    width:100%;
    height:70px;
    font-size:25px;
    color:#464E50;
    line-height:85px;
    font-weight:bold;
    text-indent:25px;
}

#declaration_notify h4 img {
    height: 30px;
    margin-top: -5px;
    vertical-align: middle;
}

#declaration_notify h4 span{
    position:absolute;
    top:33px;
    right:30px;
    width:20px;
    height:20px;
    background-image:url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_close.png');
    background-size:100% 100%;
    cursor:pointer;
}
#declaration_notify .notify_notice{
    position:absolute;
    bottom:0;
    width:100%;
    height:90px;
    background-color:#fff;
    border-top:1px solid #EAE4DE;
    line-height:22px;
    color:#737B7D;
    padding:20px 0 0 35px;
    letter-spacing:-1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#declaration_notify .notify_notice img{
    vertical-align:-3px;
    margin-right: 2px;
    margin-left: 7px;
    width: 22px;
}
#declaration_notify .notify_notice span.orange{
    font-weight:bold;
    color: #F26B04;
}
#declaration_notify .notify_notice span.bold{
    font-weight:bold;
}


#declaration_notify .desc2{
    width:450px;
    font-size:15px;
    line-height:18px;
    padding:5px 0;
    margin-left:30px;
    line-height:25px;
    letter-spacing:-1px;
    color:#464E50;
}
#declaration_notify .desc2 span{
    font-weight:bold;
    font-size:17px;
}
#declaration_notify .formArea{
    width:92%; margin:0 auto;
}
#declaration_notify #form{
    padding-bottom:20px;
}
#declaration_notify #form ul{
    margin:8px 0;
    width:100%;
    height:210px;
}
#declaration_notify #form ul li{
    width:345px;
    height:43px;
    border-radius:20px;
    float:left;
    line-height:37px;
    font-size:15px;
    border:1px solid #B1B1B1;
    margin-bottom:10px;
    text-indent:20px;
    color:#4A5352;
    background-color:#fff;
    cursor:pointer;
}
#declaration_notify #form ul li:nth-child(odd){
    margin-right:10px;
}
#declaration_notify #form ul li.check_on{
    border:1px solid #5E5A57;
    background-color:#FFC04F;
    font-weight:bold;
}
#declaration_notify #form ul li img{
    margin-right:10px;
    vertical-align:middle;
    width:15px;
}
#declaration_notify #form .buttonArea{
    margin-top:16px;
    text-align:center;
}
#declaration_notify #form .buttonArea input{
    margin:0 5px;
    background-color:#5E5A57;
    border-radius:10px;
    border:none;
    color:#fff;
    width:124px;
    height:45px;
    font-family:"BMJUA";
    font-size:20px;
    margin-bottom:8px;
    line-height: 44px;
}
#declaration_notify #form .buttonArea input.cancle{
    background-color:#A8A4A1;
}

/*글쓰기팝업*/
.popupwin_write { position: relative; left: 0; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index:10;}
.popupwin_write #reviewWrites { position: absolute; top:0; left:0; right:0; bottom:0; border: 1px solid #000; width: 795px; height: 525px; border-radius: 5px; background-color: #FDF9F6; box-shadow: 3px 3px 10px rgba(0,0,0,0.6); margin:auto;}
.popupwin_write #reviewWrites h4 {position: static; line-height: 40px; font-size: 23px; font-weight: bold; margin-left: 32px; margin-top: 24px; color: #464E50; }
.popupwin_write #close { position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; background-image: url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_close.png'); background-size: 20px 20px; cursor: pointer; background-repeat:no-repeat;}
.popupwin_write .icon_pencle { height: 22px; vertical-align: -2px; margin-right: 8px; }
.popupwin_write #reviewForm fieldset { width: 750px; border: none; }

.popupwin_write #review { width: 700px; height: 84px; border: 1px solid #BFBFBE; border-radius: 5px; resize: none; background: #fff; margin-top: 4px; margin-left: 30px; font-family: 'Nanum Gothic'; font-size: 15px; line-height: 24px; padding: 15px; color: #464e50;}

.popupwin_write #review::placeholder { color: #464E4E; }
.popupwin_write .scoreWrite { line-height: 52px; margin-left: 30px; margin-top: 6px; font-weight: bold; font-size: 17px; color: #656365; text-align: center;}
.popupwin_write .scoreStar { padding: 0 0px 0 20px; }
.popupwin_write .scoreStar>img { height: 25px; width: 25px; vertical-align: middle; margin-right: 5px; }
.popupwin_write .langthArea { font-size: 15px; line-height: 14px; margin-top: 10px; margin-left: 41px; color: #5D6164; }
.popupwin_write .warning { border-top: 1px solid #EBE7E4; width: 100%; height: 190px; padding: 10px 40px; background-color: #fff; }
.popupwin_write .warning p img { width: 20px; vertical-align: middle; }
.popupwin_write .warning p { font-weight: bold; font-size: 17px; line-height: 52px; color: #282828; }
.popupwin_write .warning p .line { display: inline-block; width: 630px; height: 1px; border-bottom: 1px solid #BFBFBF; vertical-align: middle; margin-left: 30px; }
.popupwin_write .warning ol { width: 100%; }
.popupwin_write .warning ol li { width: 100%; font-size: 15px; line-height: 24px; margin-left: -3px; color: #737B7D; vertical-align: middle; }
.popupwin_write .btnArea { width: 100%; text-align: center; padding-bottom: 24px; margin-left: 12px; }
.popupwin_write .btnArea input {background: #5E5A57;border-radius: 10px;  color: #fff; font-family: "BMJUA", sans-serif; font-size: 20px; line-height: 40px; width: 124px; height: 46px; border: none; margin-top: -9px; margin-left: 8px; cursor: pointer;}
.popupwin_write .btnArea #subBtn { background: #5E5A57;}
.popupwin_write .btnArea #cancleBtn {background: #A8A4A1; }
.popupwin_write .icon_point { height: 24px; vertical-align: -5px; margin-right: 2px; margin-left: 7px; }
.popupwin_write .bold { font-weight: bold; }
.popupwin_write .muffin_point {
    color:#F46A05;
}

.thumbiconbox {
    position: absolute;
    /* right:5px;
    top:9px; */
    /* left:10px; */
    left:2px;
    bottom:38px;
}

.thumbiconbox>span {
    display: inline-block;
    width:29px;
    height:29px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.thumbiconbox>span {
    margin-left: 6px;
}

.thumbiconbox>span.icon_new {
    background-image: url(../images/icon/icon_new2.png);
}
.thumbiconbox>span.icon_audio {
    background-image: url(../images/icon/icon_audioA.png);
    margin-left: 4px;
}
.thumbiconbox>span.icon_audioP {
    background-image: url(../images/icon/icon_audioP.png);
    margin-left: 4px;
}
.thumbiconbox>span.icon_must {
    background-image: url(../images/icon/icon_must.png);
    margin-left: 4px;
}

/* .thumbiconbox img { */
    /* box-shadow: 2px 2px 2px 1px #fff; */
    /* filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.4)); */
    /* filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.8)); */
/* } */

.bookTit .thumbiconbox {
    position: relative;
    top:0; left:0;
    display: inline-block;
    /* margin-left: 35px;*/
    margin-left:10px;
}

.bookTit .thumbiconbox img {
    /* box-shadow: none; */
    filter:none;
}

#content_search .thumbiconbox {
    vertical-align: middle;
}

/* li .depthReview .hearNum {
    display: inline-block;
    text-align: right;
    width: 64px;
} */

li .depthReview .reviewNum,
li .depthReview .heartNum {
    display: inline-block;
    text-align: right;
    /* width: 64px; */
}


.searchlist .grades {
    clear:both;
}

/*학년 별 컬러*/
.grade_y,.grade_b,.grade_g,.grade_m,.grade_b2,.grade_p,.grade_p2 {
    border: 1px solid #635F5B !important;
    border-radius: 15px !important;
    padding: 5px 12px !important;
    margin-right: 5px !important;
    height: 25px !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 11px !important;
    color: #625D59 !important;
    margin-top: -2px !important;
    margin-top: 10px !important;
}
.grade_y {
    background-color: #FFF7C9 !important;
    float: left;
    /* clear: both; */
}
.grade_m {
    background-color:#E5FFE4 !important;
    float: left;
}
.grade_b {
    background-color: #DBFAF5 !important;
    float: left;
}
.grade_b2 {
    background-color: #D5EAFF !important;
    float: left;
}
.grade_p {
    background-color: #ECE8FF !important;
    float: left;
}
.grade_p2 {
    background-color: #F8E6FE !important;
    float: left;
}

.grade_g {
    background-color: #FBF8EF !important;
    float: left;
}

/* muffin popup */
.muffinpopup.popupWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

.muffinpopup .declaration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 48px;
    width: 500px;
    height: 240px;
    border-radius: 7px;
    margin: auto;
    background-color: transparent;
    overflow: hidden;
    background: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/popup_box.png) no-repeat;
    background-size: 500px 240px;

}

.muffinpopup h4{
    font-size: 34px;
    position: absolute;
    top: 90px;
    /* right: 20px; */
    left: 165px;
    color: #F36B06;
    text-align: left;
    font-family: "BMJUA";
    width: 100%;
}
.muffinpopup img {
    width: 115px;
    /* margin: 40px 55px 0px 55px; */
    position: absolute;
    top: 40px;
    left: 30px;
    z-index: 10;
    /* margin-top: 10px;*/
}

.muffinpopup .muffinPoint {
    font-size: 40px;
    margin-top: 35px;
    margin-left: 121px;
    color: #fde919;
    text-shadow: 0px -2px 2px #000, 2px -2px 2px #000, 2px 0px 2px #000, 2px 2px 2px #000, 0px 2px 2px #000, -2px 2px 2px #000, -2px 0px 2px #000, -2px -2px 2px #000;
    font-weight: bold;
    text-align: center;
    width: 255px;
    z-index: 20;
    font-family: 'BMJUA';
}

.declaration .muffintext {
    position: absolute;
    top: 135px;
    left: 165px;
}

.muffinpopup .com_desc,.muffinpopup .mufdesc {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -1px;
    line-height: 25px;
    color: #464E50;
    margin-bottom: 24px;
    width: 100%;
    text-align: left;
}

.muffinpopup .mufdesc .mufpoint {
    color: #4B4547;
    font-weight: bold;
}

.muffinpopup .com_desc img {
	width:21px;
	vertical-align:-5px;
}

.muffinpopup .com_desc .mufpoint {
    font-weight:bold;
    color:#F36A04;
}

.muffinpopup .formArea{
    width:92%; margin:0 auto;
}

.muffinpopup .buttonArea {
    text-align: center;
    margin-top: 110px;
}

.muffinpopup .buttonArea input{
    background-color: transparent;
    border-radius: 10px;
    border: none;
    color: #fff;
    width: 60px;
    height: 55px;
    font-family: "BMJUA";
    font-size: 20px;
    /* margin-bottom: 8px; */
    line-height: 44px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}


.mailPopup {
    display: none;
}

.mailPopup .emailTxt {
    color: #601d00;
    font-weight: bold;
    font-size: 19px;
}

.mailPopup .emailTxt .eamilId {
    color: #e45544 !important;
}

.mailPopup .button2 {
    background: #5e1e02;
    width: 125px;
}
.mailPopup .button2::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 132px;
    width: 34%;
    height: 3px;
    border-radius: 10px;
    background-color: rgba( 255, 255, 255, 0.5 );
    background: linear-gradient(rgba(255, 255, 255, 0.4),rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.4));
    box-shadow: 0px 1px 4px 4px rgba(255, 255, 255, 0.4);
}