/*
@font-face {font-family:'yoonHaetsalM';src:url('../../../resources/fonts/yoonHaetsalM.otf') format('opentype');}
*/
@font-face  {
  font-family:'NanumSquareRoundOTFEB';  font-weight:bold;  src:url("../../../resources/fonts/NanumSquareRoundOTFEB.woff2") format('opentype');}
@font-face  {
  font-family:'NanumSquareEB';  font-weight:bold;  src:url("../../../resources/fonts/NanumSquareEB.otf") format('opentype');}
@font-face  {
  font-family:'NanumBarunGothic';  src:url("../../../resources/fonts/NanumBarunGothic.woff2") format('opentype');}
@font-face  {
  font-family:'NanumBarunGothic';  font-weight:bold;  src:url("../../../resources/fonts/NanumBarunGothicBold.woff2") format('opentype');}
@font-face  {
  font-family:'OTE2_YoonGulimPro780';  font-weight:bold;  src:url("../../../resources/fonts/OTE2_YoonGulimPro780.woff2") format('opentype');}
@font-face  {
  font-family:'Cafe24Ssurround';  font-weight:bold;  src:url("../../../resources/fonts/Cafe24Ssurround.ttf") format('opentype');}
@font-face  {
  font-family:'Cafe24SsurroundAir';  font-weight:bold;  src:url("../../../resources/fonts/Cafe24SsurroundAir.ttf") format('opentype');}

html, body {position:relative;height:718px;}
body {font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-size:14px;color:#000;margin:0;padding:0;}
.body-bg-blank{background-color:#000;}

/**********************/
/* 앱 접근권한 팝업 */
#app-access {position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:rgba(0,0,0,1);}
#app-access .back {position:absolute;left:50%;top:50%;margin:-310px 0 0 -450px;width:900px;height:540px;text-align:center;border-radius:30px;border:3px solid #ddc9ae;overflow:hidden;box-shadow:3px 3px 4px rgba(0,0,0,.2);background:#faf2e3;}
#app-access .back * {font-family: NanumSquareRoundOTFEB;line-height:normal;color:#56423c;}
#app-access .tt {display:block;width:100%;height:126px;font-size:15px;line-height:2.8;padding:22px 0 0 0;background:#e9dac4 url('../../../resources/images/common/bg_accesss_tt.png') no-repeat right top;background-size:auto 100%;}
#app-access .tt strong {display:block;font-size:33px;}
#app-access .back div {height:310px;padding:32px 0 0 81px;text-align:left;}
#app-access .back div dl dt {height:53px;}
#app-access .back div dl dd {height:104px;padding:7px 0 0 117px;font-family:'Nanum Barun Gothic';background:url('../../../resources/images/common/bg_accesss_icon1.png') no-repeat 14px top;background-size:71px auto;}
#app-access .back div dl dd:nth-child(3) {background-image:url('../../../resources/images/common/bg_accesss_icon2.png');}
#app-access .back div dl dd:nth-child(4) {background-image:url('../../../resources/images/common/bg_accesss_icon3.png');}
#app-access .back div dl dd strong {display:block;height:32px;font-size:24px;}
#app-access button {width:194px;height:70px;color:#fff !important;font-size:28px;border-radius:50px;border:none;background:#725750;}
/**********************/
/******** 공통 ********/
.btnClose {position:absolute;left:auto;right:37px;top:24px;z-index:1;width:73px;height:73px;background:url('../../../resources/main/images/reading_main/btn_close.png') no-repeat;}
/**********************/
/* 로그인 및 관련 화면 */
div#wrap.main > div.conts > div,
div#wrap.login > div.conts > div,
div#wrap.login1 > div.conts > div,
div#wrap.loginPw > div.conts > div {padding:0 0 0 747px;vertical-align:bottom;text-align:left;}
.btnC img {width:462px;}
.loginBox {margin:0;width:462px;}
.loginBox ul input {width:100% !important;height:78px !important;padding:0 10px 0 84px !important;border-radius:50px;}
.loginBox li input::-webkit-input-placeholder,
.loginBox.type2 li input::-webkit-input-placeholder {color: #56423c !important;font-size:23px !important;}
.loginBox > p {text-align:center;}
.loginBox > p label {line-height:32px;background-size:32px 32px;}
.loginBox > p input:checked + label {background-size:32px 32px;}
div#wrap.main .loginBox ul li {margin-top:15px;}
div#wrap.main .loginBox ul li input {color:#56423c;font-size:23px !important;background: url('../../../resources/images/icon/login_id.png') no-repeat 24px center #fff;background-size:49px auto;}
.loginBox li.find_pw input {background-image:url('../../../resources/images/icon/login_pw.png') !important;;background-size:49px auto !important;}
div#wrap.main .btnC {text-align:left !important;}
div#wrap.main .btnList.login {width:470px;margin:21px 0 0;}
div#wrap.main .btnList.login > li > a, .btnFindPw {background-color:#e62625}
div#wrap.main .btnList.login > li > a > span {background-size:auto 100%;}
div#wrap.main .btnList.login > li > a:hover > span,
div#wrap.main .btnList.login > li > a.on > span {color:#fff}
div#wrap.login {background-image:url('../../../resources/images/common/login_bg.png');}
div#wrap.login > div.conts {height:604px;}
div#wrap.login .loginBox li {margin-top:15px;}
div#wrap.login .loginBox li input {padding:0 10px 0 31px !important;}
div#wrap.login .loginBox li.find_phone input {padding:0 104px 0 31px !important;}
div#wrap.login .loginBox li.find_pa input {padding:0 10px 0 84px !important;color:#56423c;font-size:23px !important;background: url('../../../resources/images/icon/login_pa.png') no-repeat 24px center #fff;background-size:49px auto;}
div#wrap.login .btnC {margin-top:44px;text-align:left !important;}
div#wrap.login .btnC a * {width:462px;}
div#wrap.login1 > div.conts {height:646px;}
div#wrap.login1 .loginBox {margin-bottom:9px;}
.find_id .select > a {height:78px;border-radius:50px;}
.find_id .select > a span {height:78px;padding:0 0 0 55px;color:#56423c;font-size:23px !important;line-height:79px;text-align:left;background: url('../../../resources/images/icon/login_pa.png') no-repeat 0 center;background-size:49px auto;}
.btnAuth {position:absolute;width:78px;height:41px;top:331px;left:auto;right:90px;padding:0 0 0 0  !important;z-index:1;background:url('../../../resources/images/btn/auth_btn.svg') no-repeat;}
.loginBox > p.bltLogin {margin:15px 23px 0;padding-left:0;text-align:left;font-size:20px;line-height:2;background:none;}
.bltLogin .btnFindPw {float:right;width:142px;margin-top:4px;}
.bltLogin .btnFindPw > span {height:37px;line-height:39px;padding-left:36px;word-spacing:-4px;background-size:auto 88%;}
div#wrap.loginPw {background-image:url('../../../resources/images/common/login_pw_bg.png');}
div#wrap.loginPw > div.conts {height:629px;}
div#wrap.loginPw > div.conts .txt.type2 {width:462px;font-size:18px;text-align:center;padding:12px 0 0;}
div#wrap.loginPw > div.conts .txt.type2 span {font-size:18px;}
div#wrap.loginPw strong {display:block;padding-left:88px;}
div#wrap.loginPw strong img {width:288px;}
div#wrap.loginPw .findIdArea {position:absolute;bottom:-65px;left:auto;right:110px;padding:0 !important;color:#fff;font-size:21px;word-spacing:-2px;}
div#wrap.loginPw .btnfindID {position:relative;top:auto;left:auto;z-index:1;display:inline-block;width:132px;height:50px;margin:6px 0 -3px 10px;vertical-align:middle;text-indent:-9999px;border:none;overflow:hidden;background:url('../../../resources/images/btn/findID_btn.png') no-repeat;background-size:100% auto;}
div#wrap.loginPw .btnC {margin-top:44px}
div#wrap.loginPw .btnC a * {width:462px;}
div#wrap.loginPw .loginBox.type2 {margin-top:33px;width:462px;}
div#wrap.loginPw .loginBox.type2 ul li {margin-top:15px;}
div#wrap.loginPw .loginBox li input {padding:0 10px 0 31px !important;border-radius:50px;}
div#wrap.loginPw .loginBox li.find_phone input {padding:0 104px 0 31px !important;}
div#wrap.loginPw .loginBox li.find_id input {padding:0 10px 0 84px !important;color:#56423c;font-size:23px !important;background: url('../../../resources/images/icon/login_id.png') no-repeat 24px center #fff;background-size:49px auto;}
div#wrap.loginPw .loginBox li.find_pa input {padding:0 10px 0 84px !important;color:#56423c;font-size:23px !important;background: url('../../../resources/images/icon/login_pa.png') no-repeat 24px center #fff;background-size:49px auto;}
div#wrap.loginPw .loginBox.type2 input {width:100%;background-size:49px auto;border-radius:50px;}
div#wrap.loginPw .loginBox.type2 li.find_pw input {height:78px !important;padding:0 10px 0 84px !important;;}
div#wrap.loginPw .btnAuth {top:355px;}

/**********************/
/***** SNB *****/
.mypage_all_wrap {width:100%;right:0;left:0;position:fixed;}
.mypage_bg_dim {width:100%;}
.mypage_lnb {position:absolute;left:0;top:0;bottom:0;width:295px;z-index:13;border-radius:0 25px 25px 0;background:#faf2e3;}
.mypage_lnb .name {position:relative;display:table;width:100%;height:120px;border-radius:0 25px 0 0;background:#ee7aab url('../../../resources/main/images/bookfriends/bg_lnb_name.png') no-repeat left bottom;background-size:82px auto;}
.mypage_lnb .name::after {content:'';position:absolute;left:127px;bottom:-10px;z-index:1;display:inline-block;width:40px;height:40px;border-radius:100px;background:#ee7aab;}
.mypage_lnb .name * {font-family:NanumSquareRoundOTFEB;color:#fff;}
.mypage_lnb .name strong {display:table-cell;height:120px;padding-top:10px;font-size:22px;text-align:center;vertical-align:middle;}
.mypage_lnb .name strong em {margin-right:8px;font-weight:bold;font-size:36px;font-style:normal;}
.mypage_lnb ul li {position:relative;display:block;}
.mypage_lnb ul li * {display:block;width:100%;height:85px;text-indent:-9999px;border:none;overflow:hidden;background:url('../../../resources/main/images/bookfriends/btn_lnb0_off.png') no-repeat center;background-size:100% auto;}
.mypage_lnb ul li.lnb0 * {background-image:url('../../../resources/main/images/bookfriends/btn_lnb0_off.png')}
.mypage_lnb ul li.lnb1 * {background-image:url('../../../resources/main/images/bookfriends/btn_lnb1_off.png')}
.mypage_lnb ul li.lnb2 * {background-image:url('../../../resources/main/images/bookfriends/btn_lnb2_off.png')}
.mypage_lnb ul li.on::after {content:'';position:absolute;right:-34px;top:20px;z-index:-1;display:inline-block;width:52px;height:44px;background:url('../../../resources/main/images/bookfriends/btn_lnb_onTab.png') no-repeat center;background-size:100% auto;}
.mypage_lnb ul li.on * {background-color:#c09f87;}
.mypage_lnb ul li.lnb0.on * {background-image:url('../../../resources/main/images/bookfriends/btn_lnb0_on.png')}
.mypage_lnb ul li.lnb1.on * {background-image:url('../../../resources/main/images/bookfriends/btn_lnb1_on.png')}
.mypage_lnb ul li.lnb2.on * {background-image:url('../../../resources/main/images/bookfriends/btn_lnb2_on.png')}
/**********************/
/*** 로그인 후 공통 ***/
#bookfriendsCase div#wrap {position:relative;left:auto;}
#bookfriendsCase div#wrap .readingMap_header {background:none;}
#bookfriendsCase .readingTotalIcon {left:auto;right:38px;top:9px;width:100px;height:76px;text-indent:-9999px;overflow:hidden;background:url('../../../resources/main/images/bookfriends/btn_deepR_on.png');background-size:100% auto;}
#bookfriendsCase #mypage_profile {position:absolute;z-index:11;top:19px;right:auto;left:42px;width:92px;height:92px;background: url('../../../resources/main/images/bookfriends/btn_mypage.png') no-repeat;background-size:100% auto;}
#bookfriendsCase .mypage_crown {display:none;}
#bookfriendsCase .header-backbtn {left:auto;right:154px;top:30px;}
#bookfriendsCase .header-backbtn img {width:68px;height:68px;margin:0;}
#bookfriendsCase #conts {height:718px;}
/**********************/
/**** 메인 전집선택 ****/
#bookfriendsCase div#wrap.seriesCard {background:url('../../../resources/main/images/bookfriends/bg_seriesCard.png') no-repeat;background-size:1280px 800px;}
#bookfriendsCase #conts > div.seriesList {padding:66px 0 0 0;vertical-align:top;}
.seriesList img {display:block;height:567px;}
.seriesList .swiper-container {display:inline-block;width:1280px !important;}
/* .seriesList .swiper-slide {width:262px;margin-right:16px;}
.seriesList .swiper-slide:first-child {width:294px;padding-left:32px;}
.seriesList .swiper-slide:last-child {margin-right:32px;} */
.seriesList .swiper-slide span {display:flex;margin:0 auto;padding:0 240px;text-align:center;justify-content:center;}
.seriesList .swiper-slide span em {margin:0 auto;display:inline-block;}
.seriesList .swiper-slide span a {margin:0 auto;display:inline-block;}
.seriesList .swiper-scrollbar {display:none;}
.seriesList .swiper-button-next,
.seriesList .swiper-button-prev {width:36px;height:61px;margin-top:-63px;background:url('../../../resources/main/images/bookfriends/btn_seriesCard_next.png') no-repeat;background-size:100% auto;}
.seriesList .swiper-button-next {right:17px;}
.seriesList .swiper-button-prev {left:17px;background-image:url('../../../resources/main/images/bookfriends/btn_seriesCard_prev.png');}
.seriesList .swiper-button-next:after,
.seriesList .swiper-button-prev:after {display:none;}
.seriesList .swiper-button-disabled {opacity:0;}
.seriesList::before,
.seriesList::after {content:'';display:inline-block;position:absolute;z-index:10;background:url('../../../resources/main/images/bookfriends/img_seriesCard_obj01.png') no-repeat;background-size:100% auto;}
.seriesList::before {width:60px;height:58px;bottom:52px;left:206px;}
.seriesList::after {width:209px;height:464px;bottom:19px;right:38px;background-image:url('../../../resources/main/images/bookfriends/img_seriesCard_obj02.png');}
/**********************/
/****** 도서목록 ******/
#bookfriendsCase div#wrap.seriesMap  #conts.bookList {padding:0 !important;margin:-82px 0 0;height:800px !important;}
#conts.bookList > div.back {position:relative;text-align:center;vertical-align:top;}
.bookList .back h2 {position:relative;margin:0 auto;width:100%;height:247px;font-size:0;text-indent:-9999px;overflow:hidden;}
/* .bookList .back h2 strong {font-family: NanumSquareRoundOTFEB;line-height:normal;color:#fff;font-size:42px;letter-spacing:-4px;} */
/* .bookList .back h2 button.guide {position:absolute;right:2px;top:15px;display:inline-block;width:64px;height:64px;text-indent:-9999px;border:none;overflow:hidden;background:url('../../../resources/main/images/bookfriends/btn_seriesGuide.png') no-repeat center;background-size:100% auto;} */
.bookList .bookcase {margin:0 auto;width:925px;height:553px;overflow:hidden;overflow-y:scroll;background:url('../../../resources/main/images/bookfriends/bg_bookList_line.png') repeat-y ;background-size:100% auto;}
.bookList .bookcase ul {padding:0 0 0 38px;background:url('../../../resources/main/images/bookfriends/bg_bookList_line.png') repeat-y ;background-size:100% auto;}
.bookList .bookcase ul li {float:left;margin:0 26px 0 0;padding:27px 0 0 0;width:149px;height:233px;/*width:176px;height:233px;*/}
.bookList .bookcase ul li span {display:inline-block;width:149px;height:177px;}
.bookList .bookcase ul li span a {position:relative;display:inline-block;width:149px;height:179px;background:url('../../../resources/main/images/bookfriends/bg_bookList_thickness.png') no-repeat;background-size:149px 179px;}
.bookList .bookcase ul li span a::before {content:'';position:absolute;z-index:2;left:0;top:0;display:inline-block;width:149px;height:175px;opacity:0.5;background:url('../../../resources/main/images/bookfriends/bg_bookList_film.png') no-repeat;background-size:149px 177px;}
.bookList .bookcase ul li span a.lock-img:after {content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: url('../../../resources/main/images/bookfriends/img_lock_book_M.png') no-repeat center center;z-index: 2;}
.bookList .bookcase ul li span img {display:block;width:133px;height:172px;margin:1px 0 0 2px;border-radius:2px;}
/* .bookList .btnCDPlayer {position:absolute;right:22px;bottom:40px;display:inline-block;width:106px;height:92px;text-indent:-9999px;border:none;overflow:hidden;background:url('../../../resources/main/images/bookfriends/btn_seriesMusic.png') no-repeat center;background-size:100% auto;} */
/* 시리즈 별 배경 및 오브젝트 관리 */
#conts.bookList > div.back .obj em {position:absolute;display:inline-block;z-index:5;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;}
#conts.bookList > div.back.series1004 {background:url('../../../resources/main/images/bookfriends/bg_seriesMap1004.png') no-repeat;background-size:1280px 800px;} /* 사다리 명작동화 */
#conts.bookList > div.back.series1004 .obj em {left:149px;top:97px;width:165px;height:161px;background-image:url('../../../resources/main/images/bookfriends/bg_seriesMap1004_obj01.png');}
#conts.bookList > div.back.series1005 {background:url('../../../resources/main/images/bookfriends/bg_seriesMap1005.png') no-repeat;background-size:1280px 800px;} /* 고사리 삼국지 */
#conts.bookList > div.back.series1005 .obj em {right:18px;bottom:-1px;width:180px;height:211px;background-image:url('../../../resources/main/images/bookfriends/bg_seriesMap1005_obj01.png');}
/**********************/
/***** 도서싸이클 *****/
#bookfriendsCase div#wrap.bookCycle {background:url('../../../resources/main/images/bookfriends/bg_bookCycle.png') no-repeat;background-size:1280px 800px;}
#bookfriendsCase div#wrap.bookCycle .btn-prev,
#bookfriendsCase div#wrap.bookCycle .btn-next {position:absolute;top:50%;left:20px;display:inline-block;width:35px;height:65px;margin-top:-32px;text-indent:-9999px;border:none;overflow:hidden;background:url('../../../resources/main/images/bookfriends/btn_prev.png') no-repeat center;background-size:100% auto;}
#bookfriendsCase div#wrap.bookCycle .btn-next {left:auto;right:18px;background-image:url('../../../resources/main/images/bookfriends/btn_next.png');}
#bookfriendsCase div#wrap.bookCycle  #conts.bookCycleMap {padding:0 !important;margin:-82px 0 0;height:800px !important;}
#conts.bookCycleMap > div.back {position:relative;width:100%;vertical-align:top;background-size:100% 100%;}
.bookCycleMap .tit {position:absolute;top:210px;left:84px;width:296px;}
.bookCycleMap .tit * {display:block;text-align:center;}
.bookCycleMap .tit em {height:62px;font-family:'NanumSquareRoundOTFEB';color:#fff;font-style:normal;font-size:26px;line-height:1.9;}
.bookCycleMap .tit span {height:30px;color:#805444;font-family:'NanumSquareEB';font-size:15px;}
.bookCycleMap .tit strong {color:#5b2e1e;font-family:'NanumSquareEB';font-size:29px;word-spacing:-3px;line-height:1.15;padding:0 17px;word-break: keep-all;}
.bookCycleMap ul {position:absolute;top:108px;left:397px;}
.bookCycleMap ul li {float:left;}
.bookCycleMap ul li a {display:inline-block;}
.bookCycleMap ul li img {display:block;}
.bookCycleMap .ctsGo1 {margin-top:35px;}
.bookCycleMap .ctsGo1 img {width:268px;height:383px;}
.bookCycleMap .ctsGo2 {margin-top:100px;}
.bookCycleMap .ctsGo2 img {width:267px;height:330px;}
.bookCycleMap .ctsGo3 img {width:279px;height:419px;}
.bookCycleMap .ctsGo4 {margin:-2px 0 0 268px;}
.bookCycleMap .ctsGo4 img {width:267px;height:144px;}
.bookCycleMap .ctsGo5 {margin:-15px 0 0 0;}
.bookCycleMap .ctsGo5 img {width:295px;height:158px;}
/**********************/
/******** 오디오 CD ********/
.audioInclude {position:fixed;top:0;left:0;right:0;bottom:0;z-index:20;background:rgba(0,0,0,.7);}

/**********************/
/******** 설정 ********/
#bookfriendsCase div#wrap.setting {background:#faf2e3;}
#bookfriendsCase div#wrap.setting #header span {position:absolute;left:75px;top:46px;}
#bookfriendsCase div#wrap.setting #header span img {display:block;height:45px;}
#conts > div.settingLayout {padding:50px 76px 0 76px;vertical-align:top;}
.settingLayout * {font-family: NanumSquareRoundOTFEB;line-height:3.8;font-size:22px;color:#725750;}
.settingLayout ul {border:1px solid #dccdb7;border-right:0;border-bottom:0;background:#ede1d1}
.settingLayout ul li {float:left;width:50%;height:84px;border:1px solid #dccdb7;border-left:0;border-top:0;}
.settingLayout ul li span,
.settingLayout ul li button,
.settingLayout ul li a {display:block;width:100%;padding:0 22px 0 23px;text-align:left;}
.settingLayout ul li em {float:right;line-height:3.5;font-size:24px;font-style:normal;}
.settingLayout ul li a {background: url('../../../resources/main/images/bookfriends/img_setting_more.png') no-repeat center right;background-size:auto 45%;}
.settingLayout .btnLeave {position:absolute;left:75px;bottom:43px;display:inline-block;width:148px;height:62px;text-indent:-9999px;border:none;overflow:hidden;background:url('../../../resources/main/images/bookfriends/btn_leave.png') no-repeat;background-size:auto 100%;}
#conts > div.termsBox {padding:42px 45px 0;vertical-align:top;}
.terms {height:758px;padding:55px;overflow:hidden;overflow-y:scroll;border:2px solid #f4e8d2;border-bottom:0;border-radius:10px 10px 0 0;box-shadow:2px 1px 7px rgba(105,102,95,.60);background:#fff;}
.outCase .terms {height:676px;}
.terms h3 {margin:0;height:95px;font-family:'NanumSquareRoundOTFEB';font-size:36px;line-height:1;text-align:center;color:#725750;}
.terms .termsArticle * {font-family:'NanumBarunGothic';font-weight:bold;font-size:19px;color:#725750;line-height:1.6;}
.terms .termsArticle h4 {padding:0 0 24px;font-family:'NanumSquareRoundOTFEB';font-size:22px;margin:0;}
.terms .termsArticle h5 {padding:0 0 16px}
.terms .termsArticle p {padding: 0 0 28px 0;}

/**********************/
/******** 회원탈퇴 ********/
.leaveArea div {width:500px;padding:20px 0;margin:0 auto;text-align:center;}
.leaveArea div p {padding-bottom:15px;text-align:center;line-height:1.8;font-size:26px;}
.leaveArea div p strong {display:block;font-family:'Cafe24Ssurround';font-size:30px;}
.leaveArea div input {padding:0 20px;height:73px;font-family:'Nanum Barun Gothic', sans-serif;border-radius:15px;box-shadow:3px 3px 5px rgba(31,6,15,.15);border:3px solid #d9d2c7;}
.leaveArea div span {display:block;padding:30px 0 0;}
.leaveArea div span * {display:inline-block;width:194px;height:70px;margin:0 10px;color:#fff !important;font-family:'NanumSquareRoundOTFEB';line-height:normal;font-size:28px;vertical-align:middle;border-radius:50px;border:none;background:#725750;}
.leaveArea div span .leaveCancel {background:#a35f4e;}

/**********************/
/******** 검색 ********/
/* #detailSearchReport {background: url('../../../resources/main/img/search/bg.png') no-repeat;background-size:100% auto;} */
#detailSearchReport .logo {position:absolute;top:7px;left:552px;}
#detailSearchReport .logo img {width:179px;}
.searchInput {position:absolute;z-index:6;top:1.22%;left:3.5%;width:1193px;height:73px;border:3px solid #d9d2c7;border-radius:25px;box-shadow:1px 1px 2px rgba(31,6,15,.15);background:#fff;}
.searchInput div {position:absolute;right:15px;top:9px;display:inline-block;}
.searchInput div img {width:51px;}
.searchInput #txtBookNm {left:1.5%;top:7.8%;height:59px;}
.searchInput + div {z-index:6;top:106px !important;}
#searchList {position:relative;height:637px;overflow-y:scroll;}
#searchList::before {position:fixed;z-index:3;top:171px;left:0;content:'';display:inline-block;width:100%;height:145px;background:#faf2e3;}
#detailSearchReport .wrap .detail-row .board {width:1195px;height:254px;border-radius:15px;box-shadow:3px 3px 5px rgba(31,6,15,.15);background: url('../../../resources/main/img/search/popup_bg.png') no-repeat;background-size:100% 100%;}
.board .cover-book {left:24px;top:24px;width:174px;height:209px;background:url('../../../resources/main/img/search/bg_search_thickness.png') no-repeat;background-size:100% 100%;}
.board .cover-book::before {content:'';position:absolute;z-index:2;left:0;top:0;display:inline-block;width:174px;height:209px;opacity:0.5;background:url('../../../resources/main/img/search/bg_search_film.png') no-repeat;background-size:100% 100%;}
.board .cover-book img {display:block;width:161px;height:207px;margin:1px 0 0 1px;border-radius:3px;}
.board .cover-book + div {position:relative;display:block;}
.board .detail-tag {top:29px;left:219px;width:auto;height:22px;padding:0 11px 0 11px;font-family:'NanumSquareRoundR';line-height:1.5;font-size:14px;word-spacing:-3px;color:#fff !important;background: url('../../../resources/main/img/search/search_popup_tag1.png') no-repeat;background-size:auto 100%;}
.board .detail-tag::after {content:'';position:absolute;top:0;right:0;width:11px;height:22px;background: url('../../../resources/main/img/search/search_popup_tag2.png') no-repeat right top;background-size:auto 100%;}
.board .detail-book-name {top:65px;left:219px;padding-top:0;color:#6e544d;font-family:'Cafe24Ssurround';letter-spacing:-1px;}
.board .board-cols-last-readDay-title,
.board .board-cols-last-readTime-title,
.board .board-cols-ac-readTime-title,
.board .board-cols-cnt-title {top:123px;height:49px;padding-top:15px;font-family:'NanumBarunGothic';font-weight:bold;font-size:21px;color:#6e544d;border-radius:12px;background:#fce6a2;}
.board .board-cols-last-readDay-title {left:218px;width:173px;}
.board .board-cols-last-readTime-title {left:398px;width:260px;}
.board .board-cols-ac-readTime-title {left:665px;width:191px;}
.board .board-cols-cnt-title {left:862px;width:126px;}
.board .board-cols-last-readDay,
.board .board-cols-last-readTime,
.board .board-cols-ac-readTime,
.board .board-cols-cnt {top:178px;padding-top:15px;font-family:'NanumBarunGothic';font-weight:bold;font-size:21px;color:#56423c;border-radius:12px;background:#fff;}
.board .board-cols-last-readDay {left:218px;width:173px;}
.board .board-cols-last-readTime {left:398px;width:260px;}
.board .board-cols-ac-readTime {left:665px;width:191px;}
.board .board-cols-cnt {left:862px;width:126px;}
.board .boardInfo {top:230px;left:auto;right:204px;color:#85674c;}
.board .btnGobook {position:absolute;right:19px;top:25px;display:inline-block;width:198px;height:60px;text-indent:-9999px;border:none;overflow:hidden;background: url('../../../resources/main/img/search/btn_search_goBook.png') no-repeat;background-size:100% auto;}

/* 2022-01-04 날씨캐릭터 애니메이션 - 겨울 */
@import url('https://fonts.googleapis.com/css?family=Corben:700');
@keyframes fall  {
    100%  { transform:translateY(0);}
}
.snow  {display:none;position:absolute;min-width:100vw;min-height:100vh;height:100%;width:100%;top:0;left:0;}
.snow .svg  {position:absolute;width:100%;height:100%;}
#snow-top-layer  {will-change:transform;
  transform:translateY(-768px);
  animation:fall 10s infinite linear;}
#snow-bottom-layer  {will-change:transform;
  transform:translateY(-768px);
  animation:fall 5s infinite linear;}