@charset "utf-8";
/**************************************
** CSS Reset
***************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;-webkit-tap-highlight-color: rgba(0,0,0,0);background:transparent;line-height:1.2;font:inherit}
input, button, textarea, select {font-family:'SUIT', 'NotoSans', 'Apple SD Gothic Neo', arial, sans-serif;vertical-align:middle;-webkit-appearance: none;border-radius: 0;}/* @note 2023-08-18 기본 폰트 변경 */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {position:relative;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family:'SUIT', 'NotoSans', 'Apple SD Gothic Neo', arial, sans-serif;font-weight:400;letter-spacing: -0.7px;word-wrap:break-word;color:#302c2d;}/* @note 2023-08-18 기본 폰트 변경 */
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
img{max-width:100%;vertical-align:top;border:0px none}
/* @note 2022-04-26 */
select, input {background-color: #fff; vertical-align:middle}
textarea,
input[type=text],
input[type=tel],
input[type=password] {background-color: #fff;-webkit-appearance:none}
/* @note 2022-04-26 */
textarea:focus, input:focus{outline:0}
hr {display:none;border:0 none}
ol, ul, ul li{list-style:none}
em {font-style:normal}
menu li {list-style:none}
table {border-collapse:collapse;border-spacing:0}
a{cursor:pointer;margin:0;padding:0;background:transparent;color:#3e3a3a}
a:link, a:hover, a:visited, a:active, a:focus {text-decoration:none}
button {cursor:pointer;border:0px none;background-color:transparent;color:#000;line-height:1}/* @note 2022-01-13 ios15 이상 버튼 글자 색 변경 */
*:focus {outline: none;}
*, *:before, *:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
audio{position:fixed;left:-9999rem;visibility: hidden;height:1px;width:1px}
strong{font-weight:bold}
::placeholder {color: #cccccc;font-size:14px;font-weight:100;line-height:1}
input:disabled{background:#f1f1f1}
/* @note 2023-11-08 */
.eventDetail img {width: 100%;}
.eventDetail img.detail_img{display: block;width: 100%;position: relative;}
/* //@note 2023-11-08 */
/**************************************
** Color Code
***************************************/

:root {
	--sick-green: #c8cf2d;
	--pale-yellow: #f8ff88;
	--orange-pink: #ff6a52;
	--light-teal: #86c4e1;
	--slate-grey: #636c77;
	--cool-grey: #a9b0bb;
	--rank-red:rgba(255, 66, 36, .8);
	--rank-orange:rgba(255, 121, 47, .8);
	--rank-yellow:rgba(255, 161, 73, .8);
	--rank-gray:rgba(185, 183, 183, .8);
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1;
	--arc-width: 120px;
}

/**************************************
** BASIC STYLE
***************************************/
html,body{background:#eee;}
html.bg_white,body.bg_white{background:#fff;}/* @note 2024-08-14 */
.blind{display:block;font-size:1px;color:transparent;position:fixed;left:-9999rem;top:0;z-index:-9999;text-indent: -9999rem}
.scrollFix{overflow:hidden;height:100%;touch-action:none;}
.block{display:block!important;}
.mg0{margin:0!important;}
.mc0{margin-top:0!important;margin-bottom:0!important}
.mc10{margin-top:10px!important;margin-bottom:10px!important}
.mc0_10{margin-top:0px!important;margin-bottom:10px!important}
.mc17_10{margin-top:17px!important;margin-bottom:10px!important}
.mc17{margin-top:17px!important;margin-bottom:17px!important}
.mt0{margin-top:0!important}
.ms0{margin-left:0!important;margin-right:0!important}
.ms17{padding-left:17px!important;padding-right:17px!important;}
.mt5{margin-top:10px!important}/* @note 2024-08-05 */
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt17{margin-top:17px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}/* @note 2023-10-18 */
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mt60{margin-top:60px!important}
.mr3{margin-right:3px!important}
.mr5{margin-right:5px!important}
.ml0{margin-left:0!important}
.ml3{margin-left:3px!important}
.ml5{margin-left:5px!important;}

.mb0{margin-bottom:0!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important} /* @note 2022-03-07 */
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}/* @note 2023-10-18 */
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mb50{margin-bottom:50px!important}
.mb60{margin-bottom:60px!important}

.pd0{padding:0!important;}
.ps17{padding-left:17px!important;padding-right:17px!important;}
.ps0{padding-left:0!important;padding-right:0!important;}
.ps10{padding-left:10px!important;padding-right:10px!important;}
.pw17{padding-top:17px!important;padding-bottom:17px!important;}
.pd17{padding:17px!important;}
.pds17{padding:0 17px!important;}
.pc0{padding-top:0!important;padding-bottom:0!important}
.pc10{padding-top:10px!important;padding-bottom:10px!important}
.pc15{padding-top:15px!important;padding-bottom:15px!important}
.pc0_10{padding-top:0!important;padding-bottom:10px!important}
.psb17{padding:0 17px 17px!important;}
.pt0{padding-top:0!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt17{padding-top:17px!important}
.pt20{padding-top:20px!important}
.pt30{padding-top:30px!important}
.pt40{padding-top:40px!important}
.pt50{padding-top:50px!important}

.pb0{padding-bottom:0!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pb20{padding-bottom:20px!important}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px!important}
.pb60{padding-bottom:60px!important}
.pb70{padding-bottom:70px!important}
.pb90{padding-bottom:90px!important}


.pr0{padding-right:0!important;}
.pr3{padding-right:3px!important;}
.pl3{padding-left:3px!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}

/* @note 접근성 */
/* skip navigation */
#skip_nv{position:relative;z-index:3001}
#skip_nv a{position:absolute;top:-30px;left:0;width:138px;border:1px solid #2e1204;background:#1f1c1c;text-align:center}
/* #skip_nv a:active, #skip_nv a:focus{top:0;text-decoration:none;z-index:1001;} */
#skip_nv span{display:inline-block;padding:2px;font-size:12px;line-height:24px;color:#fff}
/* @note 접근성 */

/* 텍스트정렬 */

.ta-center{text-align:center!important;}
.ta-left{text-align:left!important;}
.ta-right{text-align:right!important;}

/* 플랙스 정렬 */
.flex-sw{display:flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;align-items: center} /* 양쪽 끝 */
.flex-center{display:flex;display:-webkit-flex;justify-content: center!important;-webkit-justify-content:center;align-items: center!important;} /* 센터 */
.flex-end{display:flex;display:-webkit-flex;justify-content: flex-end!important;-webkit-justify-content:flex-end;align-items: center!important;} /* 오른쪽 끝 */

/* 하단 보더 */
.bd-bottom{border-bottom:solid 1px #e5e5e5}
.bd-bottom-no{border-bottom:0!important;}

.bd-bottom_space{position:relative}
.bd-bottom_space:after{content:"";display:block;position:absolute;bottom:0;width:calc(100% - 34px);left:50%;transform: translateX(-50%);background:#ededed;height:1px;}

/* 상단 보더 */
.bd-top{border-top:solid 1px #e5e5e5}
.bd-top-no{border-top:0!important;}

/* 보더 none */
.bd-none{border:none !important}

/* 폰트사이즈 */
.fontStyle1{color:#302c2d;font-size:14px;}
.fontSize12,.fontSize13,.fontSize14,
.fontSize15,.fontSize16,.fontSize17,.fontSize18{word-break: keep-all}
/* @note 2024-07-30 */
.fontSize10{font-size:10px!important;}
.fontSize11{font-size:11px!important;}
/* //@note 2024-07-30 */
.fontSize12{font-size:12px!important;}
.fontSize13{font-size:13px!important;}
.fontSize14{font-size:14px!important;line-height:19px}
.fontSize15{font-size:15px!important;}
.fontSize16{font-size:16px!important;}
.fontSize17{font-size:16px!important;}
.fontSize18{font-size:18px!important;}

/* 폰트스타일 */
/* @note 2024-07-30 */
.fontDemi{font-weight:300!important;}
.fontMid{font-weight:500!important;}
/* //@note 2024-07-30 */
.fontBold{font-weight:bold!important;}
/* @note 2024-08-05 */
.font400{font-weight: 400 !important;}
.font500{font-weight: 500 !important;}
.font600{font-weight: 600 !important;}
.font700{font-weight: 700 !important;}
/* //@note 2024-08-05 */

/* 라인높이 */
.lineHt-18 *{line-height:18px!important;}

/* 폰트컬러 */
.colorRed{color: rgb(241, 122, 56) !important;}
.colorLR{color: #ff6a52 !important;display:inline-block;position:relative}
.colorLR:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;border-style:solid;border-width: 0 0 1px 0}
.colorGray{color: rgb(99, 108, 119) !important;}
.colorGray2{color: rgb(169, 176, 187) !important;}
.colorGray3{color: rgb(190 190 190) !important;}/* @note 2024-08-01 */
.colorOrange{color: rgb(253, 180, 111) !important;}
.underLine{display:inline-block;position:relative}
.underLine:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;border-style:solid;border-width: 0 0 1px 0}
/* @note 2024-08-05 */
.colorBlack{color: #222 !important;}
.colorGray3{color: #666666 !important;}
.colorBlue{color: #3359dd !important;}
/* //@note 2024-08-05 */

/* 아이콘 */
.ico{display:inline-block;position:relative;line-height:inherit;vertical-align: top;margin: 0 2px;height: 1em;width:1em;}
.ico:after{line-height:1.4;position:absolute;top:50%;transform: translateY(-50%)}
.ico.plus{display:inline-block;width:13px;height:13px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico-plus.png) center no-repeat;background-size:100%;margin-right:4px}
/* @note 2023-09-01 */
/* .ico.dw{display:inline-block;width:11px;height:7px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_dw.png) center no-repeat;background-size:100%;margin-left:4px} */
.ico.dw{display:inline-block;top: 4px; width:11px;height:7px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_down_bl.png) center no-repeat;background-size:100%;margin-left:4px}
/* // @note 2023-09-01 */
.ico.point-main{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_point.png) center no-repeat;background-size:100%}
.ico.point-sub{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_point-f.png) center no-repeat;background-size:100%}
.ico.point-b{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_point-b.png) center no-repeat;background-size:100%}
.ico.point-r{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico-point.png) center no-repeat;background-size:100%}
.ico.mileage-main{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_mileage.png) center no-repeat;background-size:100%}
.ico.mileage-sub{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_mileage_f.png) center no-repeat;background-size:100%;}
.ico.cash-main{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_cash.png) center no-repeat;background-size:100%}
.ico.cash-sub{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_cash-f.png) center no-repeat;background-size:100%;}
.ico.arrow_right-red{display:inline-block;width: 0.538em;height: 0.846em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_arrow.png) center no-repeat;background-size:100%;vertical-align: initial;line-height: 1;margin-left: 0.5em;} /* @note 2021-05-27 */
.ico.arrow_right-white{display:inline-block;width: 0.538em;height: 0.846em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_arrow_w.png) center no-repeat;background-size:100%;vertical-align: initial;}
.ico.arrow_right-black{display:inline-block;width: 0.462em;height: 0.769em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_arrow_b.png) center no-repeat;background-size:100%;vertical-align: initial;line-height: 1;margin-left: 0.5em;}
.ico.arrow_right-pink{display:inline-block;width: 0.462em;height: 0.769em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_arrow_p.png) center no-repeat;background-size:100%;vertical-align: initial;line-height: 1;}
.ico.won{display:inline-block;width:1em;height: 0.846em;background: url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico-won.png) center no-repeat;background-size:100%;}
.ico.star{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_star-off.png) center no-repeat;background-size:100%;}
.ico.star__02{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico-star__off.svg) center no-repeat;background-size:100%;} /* @note 2021-05-27 */
.ico.allPlay{display:inline-block;width:1.143em;height:1.143em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_checkPlay.png) center no-repeat;background-size:100%}
.ico.checkPlay{display:inline-block;width:1.143em;height:1.143em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_checkPlay.png) center no-repeat;background-size:100%}
.ico.audio{display:inline-block;width:1.071em;height:1.643em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_audio-off.png) center no-repeat;background-size:100%;margin-right:5px}
.ico.calendar{display:inline-block;width:2em;height:2em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_calendar.png) center no-repeat;background-size:100%;margin-right:5px}
.ico.timer{display:inline-block;width:2.071em;height:2.071em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_timer.png) center no-repeat;background-size:100%;margin-right:5px;position:relative;top:-1px}
.ico.new{display:inline-block;width:1.286em;height:1.286em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_new.png) center no-repeat;background-size:100%;margin:0 3px;}
.ico.redCheck{display:inline-block;width:1.286em;height:1.286em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/icon_check-red.png) center no-repeat;background-size:100%;margin:0 4px;position:relative;top:-1px}
.ico.add{display:inline-block;width:1.571em;height:1.571em;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_add.png) center no-repeat;background-size:100%;margin:0 6px 0 0;position:relative;top:1px}
.ico.tip_icon{display:inline-block;width:16px;height:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_tipMsg.png) center no-repeat;background-size:100%;}
.sideFavor{display:inline-block;width:23px;height:21px;position:absolute;right:50px;top:17px;}
.sideFavor em{position:absolute;top:-7px;left:-8px;font-size:8px;color:#fff;background:#c8cf2d;border-radius: 8px;padding:3px 5px;letter-spacing: .5px}

.active .ico.audio{background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_audio-on.png) center no-repeat;background-size:100%;}
button.on .ico.star{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_star-on.png) center no-repeat;background-size:100%;}
button.on .ico.star__02{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico-star__on.svg) center no-repeat;background-size:100%;} /* @note 2021-05-27 */
.ico.heart{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_heart-off.png) center no-repeat;background-size:100%;}
button.on .ico.heart{display:inline-block;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_heart-on.png) center no-repeat;background-size:100%;}
.btn-style.st1 .ico.dw{margin-left:14px;position: relative;top: 5px;margin-right: 5px;}

.read_icon{position:absolute;left:8px;top:7px;background:#fff;padding:3px 10px;border-radius: 20px;font-size:13px;line-height:1.2}
.read_icon.complete{border:solid 1px #ccd23c;color:#ccd23c}
.read_icon.ing{border:solid 1px #ff6a52;color:#ff6a52}
.read_iconN{display:inline-block;position:relative;top:1px;background:#fff;padding:2px 8px;border-radius: 20px;font-size:13px;line-height:1.1;margin-right:3px}
.read_iconN.complete{border:solid 1px #ccd23c;color:#ccd23c}
.read_iconN.ing{border:solid 1px #ff6a52;color:#ff6a52}

/* 버튼 */
/* @note 2023-09-01 */
.btn{display:flex;align-items: center;line-height:1;border-radius: 5px;position:relative;}
.btn-style{display:inline-block;border-radius: 5px;position:relative;font-weight: 600;}
.btn-style.full{width:100%;padding: 15px 0;margin:5px 0}
.btn-style.st1{background: #ffffff;color:#222222;font-size:15px;line-height: 1;font-weight: 600;border: 1px solid #eaeaea;}
.btn-style.st1.borderB{border-color: #222222;}/* @note 2024-05-08 */
.btn-style.st2{background: #f3f3f3;color:#222222;font-size: 15px;line-height: 1;font-weight: 600;}
.btn-style.st3{background: url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_arrow_b.png) 95% center #fff no-repeat;background-size:7px;color:#302c2d;font-size:15px;line-height: 1;box-shadow:  0px 1px 0 0 rgba(35, 35, 35, 0.2);text-align:left;padding:14px 17px}
.btn-style.st3 em{font-size:15px;color:#636c77}
.btn-style.st4{background: #222222;color:#fff;font-size:15px;line-height: 1;border-radius: 5px;}/* @note 2023-09-01 */
/* //@note 2023-09-01 */
.btn.audioPlay{position:absolute;top:50%;left:50%;width:60px;height:60px;transform: translateY(-50%) translateX(-50%);background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_play.png) center no-repeat;background-size:100%;}
.btn.audioPlay.off{background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_pause.png) center no-repeat;background-size:100%;}
.btn.calendar{background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_calendar.png) no-repeat;width:24px;height:24px;background-size:100%}

.btn.sm1{height:26px;padding:0 17px;border:solid 1px #a9b0bb;color:#a9b0bb;font-size:13px;white-space: nowrap}
.btn.sm2{height:26px;padding:0 10px;border:solid 1px #444;color:#444;font-size:13px;white-space: nowrap}
.btn.sm3{height:26px;padding:0 10px;background:#a9afbb;color:#fff;font-size:13px;white-space: nowrap}
.btn.sm4{height:26px;padding:0 10px;background:#362a38;color:#fff;font-size:13px;white-space: nowrap}
.btn.sm5{height:26px;padding:0 10px;background:#fdb46f;color:#fff;font-size:13px;white-space: nowrap}
.btn.sm6{height:26px;padding:0 10px;background:#fd945a;color:#fff;font-size:13px;white-space: nowrap;}
.btn.sm6 .arrow_right-white{position:relative;margin-left:4px;transform: translateY(10%);}

.btn.sm7{height:26px;padding:0 10px;border:solid 1px #fd945a;background:#fff;color:#fd945a;font-size:13px;white-space: nowrap;} /* @note 2021-05-27 */


.btn.sl1,.btn.sl2,.btn.sl3,.btn.sl4,.btn.sl5{height:45px;width:100%;line-height:1;justify-content: center;margin:0 3px;font-size:15px;font-weight:normal;border:solid 1px transparent}
/* @note 2023-09-01 */
.btn.sl1{border:solid 1px #222222;color:#222222}
.btn.sl2{background:#ffffff;color:#222222;border:solid 1px #222222;}
.btn.sl3{background:#222222;color:#fff;}
/* //@note 2023-09-01 */
.btn.sl4{font-size:12px;color:#636c77;line-height:1;width:auto;height:auto;white-space: nowrap;}
.btn.sl5{font-size:15px;color:#a9b0bb;line-height:1;border:#a9b0bb dashed 1px;margin-top:10px;white-space: nowrap;}
.btn.delete{width:23px;height:23px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_msg-del.png) center no-repeat;background-size:100%;position: relative;right: 3px;}
.btn.zoom{position:absolute;bottom:15px;right:15px;width:32px;height:32px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn-img-zoom.png) center no-repeat;background-size:100%}
.btWrap{display:flex;justify-content: space-between;}
.btWrap .btn:first-child{margin-left:0}
.btWrap .btn:last-child{margin-right:0}


/**************************************
** Custom checkboxes, radio buttons and select boxes
***************************************/
.control-group {margin:17px;padding:17px;background:#fff}
.control {display: block;position: relative;padding-left: 30px;cursor: pointer;font-size: 14px;height: 23px;color: #302c2d;line-height: 23px;}
.control input {position: absolute;z-index: -1;opacity: 0;font-weight:100}
.control__indicator {position: absolute;left: 0;top:0;height: 23px;width: 23px;background: #fff;border: solid 1px #cacaca;}
.control--radio .control__indicator {border-radius: 50%;}
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {background: #fff;}
.control--checkbox input:checked ~ .control__indicator {background: #fff;border: solid 1px #f07a38;}
.control--radio input:checked ~ .control__indicator {background: #fff;border-color: #fd945a}
.control--checkbox:hover input:not([disabled]):checked ~ .control__indicator, .control--checkbox input:checked:focus ~ .control__indicator {background: #fff;}
.control input:disabled ~ .control__indicator {background: #fff;opacity: 0.4;}
.control__indicator:after {content: '';position: absolute;display: none;}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {display: none;position:absolute;content:"";top: 4px;left: 2px;width: 18px;height: 15px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/chbox_ch.svg) center no-repeat;background-size:100%;}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
.control--radio .control__indicator:after {left: 4px;top: 4px;height: 13px;width: 13px;border-radius: 50%;background: #fff;}
/* @note 2021-07-08 */
.control .control--checkbox span.highlight {display: inline !important; color: #FF6A52;}
.control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}
.control--radio .control__indicator:after {display: block;background: #e5e5e5;}
.control--radio input:checked ~ .control__indicator:after{background: #fd945a;}

.select {position: relative;display: inline-block;width: 100%;border-radius: 5px;overflow:hidden;box-shadow: 0 1px 0 0 rgba(35, 35, 35, 0.2);font-size:15px;background: #fff;}/* @note 2023-09-01 */
.select select {display: inline-block;width: 100%;cursor: pointer;padding: 10px 15px;outline: 0;border: 0;border-radius: 0;color: #302c2d;appearance: none;-webkit-appearance: none;-moz-appearance: none;font-size:15px;margin-right: -15px;position: relative;z-index: 10;background: transparent;}
.select select::-ms-expand {display: none;font-size:15px;}
.select select:hover, .select select:focus {color: #302c2d;background: transparent;font-size:15px;}
.select select:disabled {opacity: 0.5;}
.select__arrow {position: absolute;top: 19px;right: 15px;width: 11px;height: 6px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_select.png) no-repeat;background-size:100%}
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {border-top-color: #000;}
.select select:disabled ~ .select__arrow {border-top-color: #ccc;}
.selectWrap.style2 .select{border:solid 1px #eaeaea;box-shadow: none;background: #fff;}/* @note 2023-09-01 */
.control--radio.none{padding-left:20px}
input.txtStyle{border:solid 1px #e5e5e5;height:45px;padding:0 15px;border-radius: 3px}

.select.small{box-shadow: none;padding:3px 0;font-size:13px;padding-right:18px;display: inline-block;max-width: 50%;}
.select.small select{padding: 0 6px 0 0;font-size:13px;text-align-last:right;direction: rtl;text-align:right;}
.select.small .select__arrow{top:11px;right:0}
.select.small.w25{max-width:25%}



/* tabBox */

.tabWrap{display:flex;position: -webkit-sticky;position: sticky;top: 50px;z-index:50;width:100%;height:44px;background:#fff}/* @note 2023-09-01 */
.dummyTabBox{height:44px;width:100%;}
.tabWrap.on{position:fixed;top:0;left:0;transition: top 0.3s;z-index:100}
body.up .tabWrap.on{top:55px;transition: top 0.3s;}
.tabWrap .tab-item{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;width:100%;border-bottom:solid 2px #e1e1e1;}
.tabWrap .tab-item.cols2{min-width:35%}
.tabWrap .tab-item.on{border-bottom:solid 2px #222222}/* @note 2023-09-01 */
.tabWrap .tab-item .name{display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#222222;text-align:center;font-size:17px;letter-spacing: -0.9px}
.tabWrap .tab-item.on .name{color:#222222}
.tabWrap .tab-item:before{content:"";display:none;width:1px;height:19px;background:#e1e1e1;position:absolute;left:0;top:12px}/* @note 2023-09-01 */
.tabWrap .tab-item:first-child:before{display:none}
.tabWrap .tab-item.cols2 .name{font-size:16px}


/* .tagMenu */
/* @note 2023-09-01 */
.tagMenu{display:flex;justify-content: space-around;overflow:hidden;white-space: nowrap;padding:11px 17px}
.tagMenu li a{display:block;padding:5px 9px; border:solid 1px #fff;font-size:15px;line-height:11px;letter-spacing: -0.38px;border-radius: 5px;color:#222222}
.tagMenu li.on a{border:solid 1px #222222;color:#ffffff;background-color: #222222;}
/* // @note 2023-09-01 */
.tagMenu.lineRed li.on a{border-color:#ff6a52;color:#ff6a52}


/* 즐겨보기 & 좋아요 */
.ctr-box{display:block;height:14px;line-height:14px;}
.ctr-box button{font-size:13px;line-height:14px;color:#636c77;letter-spacing: -.33px;padding:0;margin-right:5px}

/* 토글버튼 */
/* @note 2024-11-28 */
.tbtn{position: relative;display:flex;border-radius: 3px;border: 1px solid #222222; overflow: hidden;}
.tbtn:after{content: '';position: absolute;left: 50%;top: 0;width: 50%;height: 100%;background-color: #222222;z-index: 1;transition: all 0.2s;}
.tbtn span{position: relative;display:block;min-width:56px;height:26px;line-height:26px;text-align:center;border:solid 1px transparent;font-size:13px;transition: all 0.2s;z-index: 2;}
.tbtn span.btnOn{border-radius: 3px 0 0 3px;color:#a9b0bb}
.tbtn span.btnOff{border-left:0;border-radius: 0 3px 3px 0;color:#ffffff;}
.tbtn.on:after{left: 0%;}
.tbtn.on span.btnOn{color:#ffffff;}
.tbtn.on span.btnOff{color:#eaeaea;}
/* //@note 2024-11-28 */

.nowrap{white-space: nowrap!important;}
/**************************************
** LAYOUT
***************************************/

.noData{height:161px;font-size:13px;color:#646972}
.noData span{display:flex;height:100%;justify-content: center;align-items: center;font-size:15px;}
.noData .noData-box{overflow:hidden;text-align:center}
.noData .noData-box .vis{padding-bottom:10px;margin:0 auto}
.noData .noData-box .vis img{width:82px}
.noData .noData-box .msg{font-size:14px;color:#302c2d}

.nodata2 .vis{width:153px;margin:0 auto;padding-bottom:17px;}
.nodata2 p em{display:block;font-size:12px;color:#636c77}
.nodata2 p{font-size:14px;line-height:20px;text-align: center;}

/* 그리드 정렬방식 */
.gridArr{display:flex;justify-content: flex-start;align-items: flex-start;flex-wrap:wrap;width:100%;}
.gridArr.gr1 > div{width:100%;max-width: 100%;}
.gridArr.gr2 > div{width:50%;max-width: 50%;}
.gridArr.gr3 > div{width:33.333%;max-width: 33.333%;}
.gridArr.gr4 > div{width:25%;max-width: 25%;}
.gridArr.gr5 > div{width:20%;max-width: 20%;}

/* @note 2023-08-23 */
#app.main{padding:50px 0 80px;}
#app.main .header{background:#ffffff;-webkit-background-size: 98px;background-size: 98px;border-bottom: 1px solid #f1f1f1;}
#app.main .header .btn-leftHome{display:block;width:36px;height: 26px;position: absolute;left: 15px;bottom: 12px;}/* @note 2024-08-20 */
#app.main .header .btn-leftHome img{width: 100%;}

.header.noShw{box-shadow:none!important;border-bottom:solid 1px rgba(255,255,255,.5)}

#app.main .header{height: 50px;}
#app.main .header h1{width: auto;height: auto;font-family: 'SUIT'; font-size: 22px;font-weight: 600;color: #222222;}/* @note 2023-08-31 메인개선 1차 검증배포 수정 */
/* @note 2024-06-27 */
#app.sub{padding:50px 0 70px}
#app.sub.eventDetail-wrap{padding:50px 0 0px}
/* //@note 2024-06-27 */
#app.sub.tab{padding-top:100px;}
#app.sub .header{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:50px;background:#ffffff;border-bottom: 1px solid #f1f1f1; text-align:center;z-index:105;}
#app.sub .header h1{display:inline-block;width: auto;font-size:22px;color:#222222;white-space: nowrap;letter-spacing: -1.15px;font-weight:normal;font-weight: 600;text-overflow: ellipsis;overflow: hidden;}
#app.sub .header h1 a{color:#222222}
#app.sub .header .btn-left{display: flex;align-items: center;justify-content: center;position:absolute;top: 0;left: 0;width: 45px;height: 50px;}
#app.sub .header .btn-left img{display:block;width: 21px;}
#app.sub .header .btn-right{position:absolute;top:12px;right:18px;width:26px;height:26px}/* // @note 2024-01-02 */
/* // @note 2023-08-23 */

article > .keyTit{padding:11px 0;text-align:center}
article > .keyTit > .m_tit{display:inline-block;height:29px;line-height:29px;white-space: nowrap;padding:0 14px;border:solid 1px #2d1f17;border-radius: 5px;font-size:17px;letter-spacing: -0.4px;color:#2d1f17}

/* 기본 쉐도우 박스 */
.rowBox{margin:10px 17px;box-shadow:  0 1px 0 0 rgba(35, 35, 35, 0.2);background:#fff;;border-radius:3px;overflow:hidden}
.rowBox.boxSt1 .visual{border-bottom:solid 1px #e5e5e5}
.rowBox.boxSt1 .visual img{display:block;width:100%}
.rowBox.boxSt1 .info{padding:14px 0;}
.rowBox.boxSt1 .info .tit{text-align:center;font-size:18px;letter-spacing: -0.45px}
.rowBox.NoBottom{margin: 10px 17px 0; padding: 17px 17px 0;}/* @note 2023-10-18 */

section .rowBox:first-child{margin-top:15px}

/* 기본 쉐도우 박스 width full */
.rowBox.boxStFull{margin:0;box-shadow:none;background:#fff;border-radius:0;overflow:hidden}

/* listHeading */
.listHeading{display:flex;justify-content:space-between;align-items: flex-end;padding: 6px;border-bottom:solid 1px #e5e5e5;position: relative;}
.listHeading .tit{display:inline-block;font-size:18px;line-height:21px;color:#302c2d;}
.listHeading .count{display:inline-block;font-size:12px;color:#636c77;letter-spacing: -.3px;}
.listHeading .date{font-size:14px;}
.listHeading .result{font-size:12px;color:#f07a38;display:flex;align-items: center;}
.listHeading .result .btn{margin-left:10px}
.listHeading .result .btn i{margin-left:3px;position:relative;left:2px;top:.016em}
.listHeading.agreeForm-type2{padding:0 0 13px 0} /* @note 2022-05-30 */
.listHeading.agreeForm-type2 .control{height:auto;letter-spacing:-0.35px;} /* @note 2022-05-30 */

/* 플레이리스트 */
.movieWrap{margin:0 17px 10px;background:#fff;border-radius:3px;box-shadow: 0 1px 0 0 rgba(35, 35, 35, 0.2);}
.movieList{padding:0 17px 15px}
.movieList .list-item{display:flex;padding:12px 0;border-bottom:solid 1px #f2f2f2;overflow:hidden;align-items: center;}
.movieList .list-item:last-child{border-bottom:0}
.movieList .list-item .visual{position:relative;min-width:154px;max-width:154px;height:100px;border:solid 1px #f4f4f4}
.movieList .list-item .visual .timestamp{position:absolute;top:0;left:0;width:60px;height:19px;line-height:19px;font-size:12px;background:rgba(54,42,52,.5);color:#fff;text-align:center;white-space: nowrap;overflow:hidden;letter-spacing: -.3px}
.movieList .list-item .visual img{width:100%;height:100%}
.movieList .list-item .info{display:block;position:relative;flex:1 auto;padding:0 0 18px 9px;align-self: flex-start;}
.movieList .list-item .info span{display:block;}
.movieList .list-item .info span.tit{font-size:15px;color:#302c2d;line-height: 1.2;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 2.4em;overflow:hidden;margin-bottom: 5px;}
.movieList .list-item .info span.stxt{font-size:13px;line-height: 1.2; letter-spacing: -.33px;color:#636c77;text-align: left;  word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;height:2.4em;overflow:hidden}
.movieList .list-item .info .ctr-box{position:absolute;bottom:0;left:8px;}


/* pagenate */
.pagenate{padding:0 17px 10px;font-weight:100}
.g-pageNate{position:relative;height:37px;background:#fff;border-radius:3px;box-shadow: 0 1px 0 0 rgba(35, 35, 35, 0.2);padding:0 34px;line-height:37px;white-space: nowrap}
.g-pageNate .pageArr_left,.g-pageNate .pageArr_right{position:absolute;top:0;height:100%;width:34px}
.g-pageNate .pageArr_left{left:0;border-right:solid 1px #e5e5e5;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_pageLeft-off.png) center no-repeat;background-size:7px}
.g-pageNate .pageArr_right{right:0;border-left:solid 1px #e5e5e5;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_pageRight-off.png) center no-repeat;background-size:7px}
.g-pageNate .pageArr_left.on{background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_pageLeft-on.png) center no-repeat;background-size:7px}
.g-pageNate .pageArr_right.on{background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_pageRight-on.png) center no-repeat;background-size:7px}
.g-pageNate ul{display:flex;justify-content: center;align-items: center;height:100%;}
.g-pageNate li{margin:0 6%}
.g-pageNate li .no{position:relative;font-size:14px;font-weight:100;}
.g-pageNate li.on .no a{color:#fd945a}
.g-pageNate li.on .no:after{content:"";display:block;position:absolute;bottom:1px;width:100%;height:1px;background:#fd945a}

/* audioPlayer */
#audio_player #audio1{position:fixed;left:-1000em}

/* form style */
.formStyle{display:flex;padding:5px 0}
.formStyle input[type=email],.formStyle input[type=password]{display:block;flex:auto;border:solid 1px #e5e5e5;border-radius: 3px;height:45px;padding:0 11px;width:100%;line-height: 1;font-size: 14px;}
.formStyle input[type=email]::-webkit-input-placeholder,.formStyle input[type=password]::-webkit-input-placeholder {color: #a9b0bb;font-weight:100;line-height:21px}
.formStyle .btn{width:100px;min-width:100px}


/* keyTit */
.keyTit{padding:17px;padding-bottom:0;font-size:14px;color:#302c2d;text-align:center;word-break: keep-all;line-height:21px;font-weight:100}
.rowSubTip{font-size:12px;color:#646c77}

/* scroll */
.scrollWrap{padding:10px 0;line-height:18px;letter-spacing: -0.31px;color:#636c77;font-size:12px;height:400px;overflow-y:auto;max-width: 100%;-webkit-overflow-scrolling: touch;}
.scrollWrap2{padding:10px 0;line-height:18px;letter-spacing: -0.31px;color:#636c77;font-size:12px;-webkit-overflow-scrolling: touch;max-width: 100%;}

/*rowListPn*/
.rowListPn{overflow:hidden;}
.rowListPn ul li{position:relative;border-bottom:solid 1px #e5e5e5}
.rowListPn ul li:after{content:"";display:block;position:absolute;right:0;top: 50%;width:7px;height:12px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_arrow_b.png) center no-repeat;background-size:100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.rowListPn ul li:last-child{border-bottom:0}
.rowListPn ul li a{display:block;width:100%;height:100%;padding:17px 20px 17px 0;font-size:15px;}
.rowListPn ul li a em{display:block;font-size:12px;color:#646972;padding-top:5px}


/* memberShipSwiper */

.memberSelect{display:flex;justify-content: center;align-items: center;position:relative;padding:25px 0}
.memberSelect .btn{position:absolute;top:30px;display:flex;justify-content:center;align-items: center;width: 31px;height:31px;border:solid 1px #cad0d7;border-radius: 31px;}
.memberSelect .btn.memberLeft{left:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_swiper-left.png) center no-repeat;background-size:10px;}
.memberSelect .btn.memberRight{right:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_swiper-right.png) center no-repeat;background-size:10px;}
.memberSelect .member-info{display:block;text-align:center;}
.memberSelect .member-info .name{font-size:20px;}
.memberSelect .member-info .membership{font-size:15px;}

.memberSelectFlk{position:relative;overflow: hidden;padding:25px 0;}
.memberSelectFlk .swiper-slide{z-index:5}
.memberSelectFlk .swiper-slide .name{font-size:20px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 60px;} /* @note 20121-07-29 */
.memberSelectFlk .swiper-slide .membership{font-size:15px;text-align:center}
.memberSelectFlk .btn{position:absolute;z-index:10;top:30px;display:flex;justify-content:center;align-items: center;width: 31px;height:31px;border:solid 1px #cad0d7;border-radius: 31px;}
.memberSelectFlk .btn.memberFLeft{left:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_swiper-left.png) center no-repeat;background-size:10px;}
.memberSelectFlk .btn.memberFRight{right:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/ico_swiper-right.png) center no-repeat;background-size:10px;}
.memberSelectFlk .btn.swiper-button-disabled{opacity: 0.3}

/* memberShipSwiper - 메인*/
.memberSelectMain{display:flex;justify-content: center;align-items: center;position:relative;background:#fd945a;height:95px;}
.memberSelectMain .btn{position:absolute;top:30px;display:flex;justify-content:center;align-items: center;width: 31px;height:31px;border:solid 1px #fff;border-radius: 31px;}
.memberSelectMain .btn.memberLeft{left:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_mainMember-l.png) center no-repeat;background-size:10px;}
.memberSelectMain .btn.memberLeft.off,
.memberSelectMain .btn.memberRight.off{opacity: 0.3}
.memberSelectMain .btn.memberRight{right:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_mainMember-r.png) center no-repeat;background-size:10px;}
.memberSelectMain .member-info{display:flex;text-align:center;align-items: center;z-index:5}
.memberSelectMain .member-info .visual{width:69px;height:69px;padding-right:5px}
.memberSelectMain .member-info .name{font-size:20px;color:#fff}
.memberSelectMain .member-info .membership{font-size:15px;color:#fff;font-weight:100}

/* @note 2023-09-01 */
.memberSelectMainFk{display:flex;justify-content: center;align-items: center;position:relative;background:#ffffff;height:100px;overflow:hidden}
.memberSelectMainFk .btn{position:absolute;z-index:10;top:35px;display:flex;justify-content:center;align-items: center;width: 30px;height:30px;}
.memberSelectMainFk .btn.memberFLeft{left:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_mainMemberNew-l-on.png) center no-repeat;background-size:30px;}
.memberSelectMainFk .btn.memberFRight{right:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_mainMemberNew-r-on.png) center no-repeat;background-size:30px;}
.memberSelectMainFk .swiper-slide{display:flex;justify-content:center;align-items: center; padding:0 60px} /* @note 2021-07-28 */
.memberSelectMainFk .swiper-slide .visual{width:69px;min-width:69px;height:69px;margin-right: 6px;}
.memberSelectMainFk .swiper-slide .info{overflow:hidden;} /* @note 2021-07-28 */
.memberSelectMainFk .swiper-slide .name{font-size:21px;color:#302c2d;font-weight: 600;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /* @note 2021-07-28 */
.memberSelectMainFk .swiper-slide .membership{font-size:15px;color:#302c2d;font-weight:100}
.memberSelectMainFk .btn.memberFLeft.swiper-button-disabled{background-image: url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_mainMemberNew-l.png);}
.memberSelectMainFk .btn.memberFRight.swiper-button-disabled{background-image: url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_mainMemberNew-r.png);}
/* //@note 2023-09-01 */


.subjectSelect{display:flex;justify-content: center;align-items: center;position:relative;padding:25px 0;background:#fff;overflow:hidden}
.subjectSelect .btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items: center;width: 31px;height:31px;}
.subjectSelect .swiper-slide{display:block;text-align:center;}
.subjectSelect .swiper-slide .name{font-size:20px;}
.subjectSelect .swiper-slide .membership{font-size:15px;}
.subjectSelect .btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items: center;width: 31px;height:31px;border:solid 1px #fff;border-radius: 31px;z-index:20}
.subjectSelect .btn.memberLeft{left:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_mainMemberNew-l-on.png) center no-repeat;background-size:30px;}/* @note 2023-09-01 */
.subjectSelect .btn.memberLeft.off,
.subjectSelect .btn.memberRight.off{opacity: 0.3}
.subjectSelect .btn.memberRight{right:17px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_mainMemberNew-r-on.png) center no-repeat;background-size:30px;}/* @note 2023-09-01 */
.subjectSelect .btn.swiper-button-disabled{opacity: 0.3}

/* 번호형 리스트 */
.numberDesc{font-size:13px;color:#302c2d;}
.numberDesc li{position:relative;line-height:21px;padding-left:13px;}
.numberDesc li:nth-child(1):before{content:"1.";}
.numberDesc li:nth-child(2):before{content:"2.";}
.numberDesc li:nth-child(3):before{content:"3.";}
.numberDesc li:nth-child(4):before{content:"4.";}
.numberDesc li:nth-child(5):before{content:"5.";}
.numberDesc li:nth-child(6):before{content:"6.";}
.numberDesc li:nth-child(7):before{content:"7.";}
.numberDesc li:nth-child(8):before{content:"8.";}
.numberDesc li:nth-child(9):before{content:"9.";}
.numberDesc li:nth-child(10):before{content:"10.";}
.numberDesc li:before{display:block;position:absolute;left:0;top:0}
.numberDesc li em{display:block;color:#646972}

.numberDesc.st2{padding:5px 13px 10px}
.numberDesc.st2 li{margin-top:5px;}
.numberDesc.st2 li:last-child{border-bottom:0;padding-bottom:0}
.numberDesc.st2 li:before{color:#302c2d;top:-1px;font-size:13px}
.numberDesc.st2 li span{display:block;}
.numberDesc.st2 li .tit{color:#302c2d;padding-bottom:3px;line-height:18px}
.numberDesc.st2 li .txt{font-size:13px;line-height:18px}

/* 포인트 리스트 */
.pointDesc{font-size:13px;color:#302c2d;}
.pointDesc li{position:relative;line-height:21px;padding-left:8px;font-size:13px;color:#646972;margin-top:10px;}
.pointDesc li:before{content:"\2022";display:block;position:absolute;top:0;left:0}
.pointDesc li em{display:block;color:#646972}
.pointDesc.small li{font-size:12px;line-height:1;margin-top:5px}
.pointDesc.deSt2 li{color:#a9b0bb;line-height:19px;margin:0 17px}

/* 제목 내용 리스트 */
.infoList{padding-top:10px;}
.infoList span{display:block;}
.infoList .tit{font-size:14px;color:#302c2d;padding-top:10px;}
.infoList .txt{padding-top:5px;font-size:12px;color:#646c77;word-break: keep-all;font-weight:100;letter-spacing: -.31px}

/* 인포테이블 */
.infoTable{display:block;width:100%;}
.infoTable ul li{display:flex;border-bottom:solid 1px #e5e5e5}
.infoTable ul li:first-child{border-top:0}
.infoTable ul li:first-child span{border-top:solid 1px #e5e5e5}
.infoTable ul li span{display:flex;padding:12px;letter-spacing: -0.34px;word-break: keep-all;}
.infoTable ul li span.tit{align-items:center;justify-content:center;min-width:76px;font-size:13px;background:#c8c0b8;text-align:center;color:#fff;white-space: nowrap}
.infoTable ul li span.txt{align-items:center;justify-content:flex-start;flex:1 auto;font-size:13px;color:#302c2d;font-weight:200;white-space:pre-line;} /* @note 2022-07-19 added white-space option*/
.infoTable.st2 li:nth-child(odd){background:#f9f9f8}
.infoTable ul li.heading{background:#c8c0b8!important;}
.infoTable ul li.heading span.txt{color:#fff;display: flex;justify-content: center;align-items: center;text-align: center;}
.infoTable.st2 li{border-left:solid 1px #e5e5e5}
.infoTable.st2 li span.txt{justify-content:center;}
.infoTable li span.txt{border-right: solid 1px #e5e5e5}
.infoTable.grid7_3 li span.txt{min-width:auto;display:block;}
.infoTable.grid7_3 li span.txt:nth-child(1){min-width:70%;max-width:70%;text-align:center}
.infoTable.grid3_7 li span.txt{min-width:auto;display:block;}
.infoTable.grid3_7 li span.txt:nth-child(1){min-width:30%;max-width:30%;text-align:center}
.infoTable.grid2_8 li span.txt{min-width:auto;display:block;}
.infoTable.grid2_8 li span.txt:nth-child(1){min-width:20%;max-width:20%;text-align:center}
.infoTable.grid154{padding-bottom:15px}
.infoTable.grid262 li span:nth-child(1),.infoTable.grid262 li span:nth-child(3){justify-content:center;min-width:20%;max-width:20%;text-align:center}
.infoTable.grid262 li span:nth-child(2){display:block;flex:1 auto;text-align:left;overflow:hidden;text-overflow: ellipsis}
.infoTable.grid154 li span:nth-child(1){width:15%;max-width:15%}
.infoTable.grid154 li span:nth-child(2){width:30%;max-width:30%;justify-content:center;text-align:center}
.infoTable.grid154 li span:nth-child(3){width:55%;max-width:55%;font-size:12px;color:#636c77}
.infoTable.grid154 li:nth-child(odd){background:#f9f9f8}

/* @note 2021-11-26 */
.infoTable.grid622{padding-bottom:15px}
.infoTable.grid622.st3 li{border-left:solid 1px #e5e5e5}
.infoTable.grid622.st3 li.heading span.txt{font-size:15px}
.infoTable.grid622.st3 li.contents span:first-child{background-color:#f9f9f9;justify-content:center;color:#646c77}
.infoTable.grid622.st3 li span:nth-child(1){width:50%;max-width:50%}
.infoTable.grid622.st3 li span:nth-child(2){width:25%;max-width:25%;justify-content:center;text-align:center}
.infoTable.grid622.st3 li span:nth-child(3){width:25%;max-width:25%;justify-content:center;text-align:center}
.infoTable.grid622.st3 li.grid-2 span:nth-child(1){width:50%;max-width:50%}
.infoTable.grid622.st3 li.grid-2 span:nth-child(2){width:50%;max-width:50%;justify-content:center;text-align:center}
/* //@note 2021-11-26 */

.infoTable.grayStyle span.tit,.infoTable.multi span.tit{background:#f9f9f9;color:#646c77;border-left:solid 1px #e5e5e5;border-right: solid 1px #e5e5e5}
.infoTable.grayStyle4_6{margin-bottom:10px}
.infoTable.grayStyle4_6 span.tit{background:#f9f9f9;color:#646c77;border-left:0;width:40%;min-width:40%;max-width:40%}
.infoTable.grayStyle4_6 li span.txt{border-right: 0}
.infoTable ul li span.tit.min4{min-width:40%;max-width:40%}
.infoTable.multi li span{width:100%}
.infoTable.multi li span.txt{justify-content: center!important;}
.infoTable.multi li span:first-child{min-width: 34%;}
.infoTable .no_data{text-align:center;padding:20px 0;width: 100%;border-right: solid 1px  #e5e5e5;}
.infoTable.culStyle ul li span{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;width:100%;overflow:hidden;text-align:center}
.infoTable.culStyle{padding:15px 0}
.infoTable.culStyle li:first-child{border-bottom:0}
.infoTable.culStyle li:first-child span:nth-child(1),.infoTable.culStyle li:first-child span:nth-child(2){border-right:solid 1px #fff}
.infoTable.culStyle li span{border-right:solid 1px #e5e5e5}
.infoTable.culStyle li span:first-child{border-left:solid 1px #e5e5e5}
.infoTable.culStyle li:first-child span{background:#f2f2f2;color:#302c2d;border-bottom:0}
.infoTable.bdsNo span.tit{border-left:0;}
.infoTable.bdsNo span.txt{border-right:0}


/* 이미지 타이틀 정보 리스트 */
.imgList{display:flex;align-items:center;padding:15px 0;border-bottom:solid 1px #e5e5e5}
.imgList .visual{min-width:55px;max-width:55px;height:55px;}
.imgList .info{padding-left:12px;}
.imgList .info span{display:block;letter-spacing: -.38px}
.imgList .info span.tit{font-size:16px;line-height:1;color:#3a3436;padding-bottom:5px}
.imgList .info span.txt{font-size:15px;color:#fd945a;word-break: keep-all;line-height:18px}

/* 레이어 */
/* @note 2023-06-21 */
.dim,
.calendarDim,
.g-dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1999;background:rgba(0,0,0,.7)}
.layer{display:block;position:fixed;top:50%;z-index:2000;background:#fff;width:-webkit-calc(100% - 34px);margin:0 17px;transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 3px}
/* //@note 2023-06-21 */
.layer_inner{display:flex;flex-direction: column;align-items: center;justify-content: center}
.layer .layerHead{width:100%;text-align:center;color:#646c77;padding: 17px 0 17px;}
.layer .layerCont{display:block;flex:1 auto;width:100%;overflow-y: auto;-webkit-overflow-scrolling: touch;max-height:450px;padding:10px 25px;}
.layer .layerFoot{display:flex;min-height:43px;width:100%;border-top:solid 1px #e5e5e5}
.layer .layerFoot button{width:100%;height:43px;border-right: solid 1px #e5e5e5;font-size:15px;color:#a9afbb}
.layer .layerFoot button:last-child{border-right: 0;color:#fd945a}
.btn-clsLayer{position: absolute;right: 17px;top: 15px;width: 20px;height: 20px;background: url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn-close_black.png);background-size: 100%;}
.layerSTit{display:block;border-bottom:solid 1px #e5e5e5;padding:5px 0 10px;margin-bottom:10px;color:#646c77}

.mainAlertPop{font-size:14px;text-align:center;line-height:21px;word-break: keep-all;margin-bottom:10px;}
.mainAlertPop em{color:#ff6a52;display:inline-block;position:relative}
.mainAlertPop em:after{content:"";display:block;width: 100%;height:1px;position:absolute;bottom:0;left:0;background:#ff6a52}
.mainAlertPop .visual{width:51px;margin:20px auto}

/* @note 2023-04-18 */
/* .service_info_layer .service_info_img{padding: 27px 35px 0;}
.service_info_layer .layerFoot button{background-color: #dedede; color: #000;}
.service_info_layer .layerFoot button:last-child{background-color: #fda675; color: #000;} */
/* //@note 2023-04-18 */

/* @note 2023-06-14 */
.service_info_layer {background: none;}
.service_info_layer .service_info_area{position: relative; display: flex; padding-top: 78.5px; margin-bottom: 40px; background-color: #fff;border-radius:10px;align-items: center;justify-content: center;flex-direction: column;}
.service_info_layer .service_info_area .service_info_img{position: absolute; top:-42.5px; width: 135px;}
.service_info_layer .service_info_area .layerCont{height: 72px; padding:0 43px; margin-bottom: 0;}
.service_info_layer .service_info_area .layerCont p {line-height: 1.67;}
.service_info_layer .service_info_area .layerFoot{border-top:0 none;padding: 0 15px 15px;}
.service_info_layer .service_info_area .layerFoot button{width: 100%;height: 47px;border-radius: 5px; background-color: #f7f7f7;border: 1px solid #efefef;color: #222222;font-size:16px;font-weight: bold;}
.service_info_layer .nextTime_btn{font-size: 15px;}
.service_info_layer .nextTime_btn span{color:#d5d5d5;line-height: 1.86;text-decoration: underline;text-underline-position: under;}
/* // @note 2023-06-14 */


/* @note 2022-03-07 */
/* 점검공지 */
.mainAlertPop .visual.st2{width:77px;margin:20px auto}
.mainAlertPop .subInfo-title{font-size:15px;font-weight:bold;letter-spacing:-0.38px;}
.mainAlertPop .subInfo-link{font-size:13px;color:#646c77;letter-spacing:-0.33px;}
.mainAlertPop .subInfo-link a{font-size:14px;color:#ff6a52;letter-spacing:-0.35px;}
/* //@note 2022-03-07 */

/* 비디오플레이어 */
.player-con .video-box{width:100%;border-radius: 3px 3px 0 0;overflow:hidden;background:#fff;}
.video-js{width:100%}
.video-js .vjs-big-play-button{width:60px!important;height:60px!important;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_play.png) transparent no-repeat!important;border:0!important;background-size:60px!important;top: 50%!important;left: 50%!important;;transform: translateX(-50%) translateY(-50%)!important;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{display:none}

/* 플리킹 디자인 */
.actionTipLayer{position:fixed;top:50%;left:50%;width:170px;height:170px;border-radius: 5px;background:rgba(156,140,124, 0.5);transform: translateX(-50%) translateY(-50%);z-index:500}
.actionTipLayer .visual{display:block;margin:23px auto 15px}
.actionTipLayer .visual.cul{width:85px;height:97px;}
.actionTipLayer .visual.row{width:102px;height:85px;}
.actionTipLayer .visual img{width:100%;height:100%;}
.actionTipLayer .txt{display:block;text-align:center;color:#fff;font-size:14px;}
/*.swiper-pagination{position: absolute;  top: 15px;  left: 15px;  width: auto;  height: 25px;  line-height: 24px;  background: rgba(0,0,0,.4);  padding: 0 10px;  border-radius: 3px;  color: #fff;}*/
.swiper-pagination-bullet-active{background:#adadad!important}
.swiper-pagination-bullet{opacity: 1;background:#fff}
.swiper-button-next{width: 30px;height: 30px;background: url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/slide_arrow.png) center rgba(255,255,255,.2) no-repeat;background-size: 8px;border-radius: 40px;}
.swiper-button-prev{width:30px;height:30px;background: url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/slide_arrow.png) center rgba(255,255,255,.2) no-repeat;background-size:8px;border-radius: 40px;transform: rotate(-180deg);}

/* 서브팁박스 */
.subDescBox{font-size:12px;line-height:18px;color:#646c77;padding:10px 0}
.subDescBox em{display:block;color:#fd945a;font-weight:100}

/* 셀렉트 정렬 */
.form-list .tit{min-width:24%;color:#646c77;font-size:14px;}
.form-list .tit-fix{min-width: 24%;max-width: 24%;color:#646c77;font-size:14px;}/* @note 2022-05-25 타이틀 길이 조절 */
.form-list .form-box{padding-bottom:10px}
.form-list .selectWrap,.form-list .inputWrap{display:block;flex:1 auto}
.form-list .inputWrap input[type=text],.form-list .inputWrap input[type=tel],.form-list .inputWrap input[type=number],.form-list .inputWrap input[type=email],.form-list .inputWrap input[type=password]{width:100%}

/* 그래프 가로유형 */
.graph-wrap{overflow:hidden}
.graph-wrap .graph-item{display:flex;justify-items: center;align-items: center;padding:5px 0}
.graph-wrap .graph-item .tit{width:60px;min-width:60px;font-size:14px;padding-right:5px;text-align:center;line-height:15px}
.graph-wrap .graph-item .chart-bar{display:flex;justify-content:flex-start;flex:1 auto;width:100%;background: #f2f2f2;border-radius: 25px;overflow:hidden}
.graph-wrap .graph-item .chart-bar.barSt1{border-radius: 30px}
.graph-wrap .graph-item .chart-bar .bar{display:block;position:relative;border-radius: 30px;padding: 0;text-align:right;height:25px;line-height:25px;font-weight:100;letter-spacing: -0.35px;overflow: hidden;}
.graph-wrap .graph-item .chart-bar .bar em{margin: 0 3px;}
.graph-wrap .graph-item .chart-bar .bar em.minNum{position: absolute;right: -38px;white-space:nowrap;color:#999;}
.graph-wrap .graph-item .chart-bar .bar.min em{position: absolute;right: 0;white-space:nowrap;color:#999;transform: translateX(120%);}
.graph-wrap .graph-item.keyBar .tit{color:#fdb46f}
.graph-wrap .graph-item.avgBar .tit{color:#c8c0b8}
.graph-wrap .keyBar .bar{background:#fdb46f;font-size:12px;color:#fff}
.graph-wrap .avgBar .bar{background:#c8c0b8;font-size:12px;color:#fff}
.graph-wrap .graph-item .chart-bar .bar.none{width:100%!important;text-align: left;background: #f2f2f2;}
.graph-wrap .graph-item .chart-bar .bar.none em{color:#b2aaa2;padding:0 3px}


/* 텍스트박스 디자인 */
.textArea textarea{border-radius: 3px;border:solid 1px #e5e5e5;resize: none;width:100%;height:100px;padding:15px}

/* 탑버튼 */
.topButton{position:fixed;bottom:100px;right:-150px;width:32px;height:32px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn_topBt.png) center no-repeat;background-size:100%;z-index:50;opacity:0;transition: opacity 0.1s, right 0.1s;}
.topButton.on{right:10px;opacity:1;transition: opacity 0.1s, right 0.1s;z-index:50;}
.topButton.down{transform: rotate(180deg) translateY(-50%)}


/* @note 2021-06-22 ======================================================== */
.floating-container{position:fixed;bottom:30px;right:17px;display:flex;overflow:hidden;flex-wrap:wrap;z-index:103;transition:all 0.2s ease-in-out;height:52px}
.floating-container.step2{bottom:94px}
.floating-container.moveTop-wrap{z-index:102;}

.floating-container.main-top{bottom:75px}
.floating-container.main-top.step2{bottom:139px}

.floating-container.detail-page.moveTop-wrap{bottom:77px} /* @note 2021-07-15 */
.floating-container.main-top__bookclub.moveTop-wrap.limit{bottom:130px}
.floating-container.moveTop-wrap.main-top__bookclub.limit{bottom:130px} /* @note 2021-07-28 */
.floating-container.main-top__bookclub.talkMenu-wrap{bottom:249px}
.floating-container.main-top__bookclub.talkMenu-wrap.limit{bottom:130px}
.floating-container.main-top__bookclub.talkMenu-wrap.limit.step2{bottom:194px}

.floating-container .floating-item{transition:all 0.2s ease-in-out;position:relative;bottom:0;height:52px}
.floating-container .floating-item.bottom-hide{bottom:-60px}

/* @note 2023-09-13 */
.floating-container.main-top.moveTop-wrap {bottom: 0; overflow: inherit;}
.floating-container.main-top.moveTop-wrap > .floating-item{bottom: 78px;opacity: 1;}
.floating-container.main-top.moveTop-wrap > .floating-item.bottom-hide{bottom: 10px;opacity: 0;}
/* //@note 2023-09-13 */

/* @note 2022-01-05 */
/* .btn-mvTop{display:inline-block;width:51px;height:52px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/readBook/Bookcase_floatingup.png) center no-repeat;background-size:100%;z-index:50;} */
.btn-mvTop{display:inline-block;width:47px;height:47px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/readBook/floatingup@2x.png) center no-repeat;background-size:100%;z-index:50;}
/* // @note 2022-01-05 */

/* 확대버튼*/
.btn-magnification{display:inline-block;width:51px;height:51px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/float_viewer.svg) center no-repeat;background-size:100%;z-index:50;}


/* @note 2023-01-05 */
/* 톡 플로팅 메뉴 */
.menu-bookClubTalk{position:relative;display:inline-block;width:auto;height:auto;background:#000;font-size:10px;transition:0.3s;-webkit-transition:0.3s;z-index:50;border-radius: 23.5px;}
.menu-bookClubTalk .ico-new{display:none;position:absolute;right:0;top:9px;width:16px;height:16px;margin: -8px 0 0 -8px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/alarm_new.svg) no-repeat;background-size:100%;z-index:10;}
.menu-bookClubTalk .talk-box{display:flex;width:47px;font-size: 15px;transition: width 0.3s;-webkit-transition: width 0.3s;align-items:center;white-space:nowrap;overflow:hidden;}
.menu-bookClubTalk .talk-box .ico-bc{width: 47px;height: 47px; min-width:47px; background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/icon-talk-l.svg) no-repeat center/100%;}
.menu-bookClubTalk .talk-box .txt-bc{position: relative;display:inline-block; width: 0; white-space:pre-wrap;word-break:keep-all;width:auto;margin-left:5px; padding: 0 13px 0 0; font-size:15px;color:#fff;font-weight:100;line-height:15px;letter-spacing:-0.7px;}

.menu-bookClubTalk.exp {padding:5px;background:#000;background-image: none; border-radius: 23.5px;}
.menu-bookClubTalk.exp .talk-box{width:73px;transition: width 0.3s;-webkit-transition: width 0.3s;}
.menu-bookClubTalk.exp .talk-box .ico-bc{display:inline-block;width:37px;height:37px; min-width:37px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/icon-talk.svg) no-repeat center/100%;}
.menu-bookClubTalk.exp .talk-box .txt-bc{position: relative; display:inline-block;white-space:pre-wrap;word-break:keep-all;width:auto;margin-left:5px; padding: 0 13px 0 0; font-size:15px;color:#fff;font-weight:100;line-height:15px;letter-spacing:-0.7px;}
.menu-bookClubTalk.exp .talk-box .txt-bc:after{content: '';position: absolute;right: 0;top: 50%;width: 7.8px;height: 13.3px;background: url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/btn-more@2x.png) no-repeat center/100%; transform: translateY(-50%);}

.menu-bookClubTalk.new .ico-new{display:inline-block}
.menu-bookClubTalk.new .talk-box .txt-bc{}

.menu-bookClubTalk.exp.new .talk-box{width:115px}

/* // @note 2023-01-05 */


/* 책등록하기 */
.floating-container .btn-book-add {width:51px;height:52px;background: url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/readBook/Bookcase_floatingpluse.png) center no-repeat;background-size:100%;}
/* //@note 2021-06-22 ======================================================== */


/* 확대버튼 */
.img-magnification{position:fixed;bottom:48px;right:10px;width:31px;height:31px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/icon_imgviewer.svg) center no-repeat;background-size:100%;z-index:50;opacity:1;}

/* 강조 문장 area */
.pointTxtArea p{line-height:22px;font-size:14px;}
.pointTxtArea em{background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/dot_yellow_line.png) repeat-x;background-size:.2em}
.pointTxtArea sub{color:#f17a38}
.pointTxtArea .tit{display:inline-block;position:relative;font-size:15px;}
.pointTxtArea .tit:after{content:"";display:block;height:1px;width:100%;position:absolute;bottom:0;left:0;background:#ff6a52}

/* 댓글 이벤트 */

.review-item label{display:block;width:100%;padding:5px 0;font-size:15px;color:#302c2d;}
.review-item:first-child label{padding-top:0}
.review-item input[type=text]{border:solid 1px #e5e5e5;width:100%;padding:10px;border-radius: 3px;font-size:14px;font-weight:200}
.review-tip{display:block;font-size:12px;padding:10px 0 0 5px;position:relative;font-weight:200;color:#646c77;margin-top:5px;}
.review-tip:before{content:"";display:block;width:2px;height:2px;border-radius: 2px;background:#646c77;position: absolute;top:18px;left:0px;}
.review-item .answer-bx{display:block;border:solid 1px #ededed;padding:10px;margin:10px 0;border-radius: 3px;background:#fafafa}
.review-item .answer-bx em{display:block;font-size:14px;line-height:1.6;color:#646c77;word-break: keep-all;padding-left:18px;position:relative}
.review-item .answer-bx em:nth-child(1):before{content:"1 : ";color:#000;position:absolute;left:0;top:0px}
.review-item .answer-bx em:nth-child(2):before{content:"2 : ";color:#000;position:absolute;left:0;top:0px}


/* 에러 디자인 */
.error_img{width:106px}/* @note 2024-03-13 */
.error_img2{width:143px}
.error_msg{text-align:center;padding:20px 0}

/* 데이터없음 */
.noneDetail{display:flex;justify-content:center;align-items:center;padding-top:30px}
.noneDetail img{width:92px;position:relative;left:-5px}
.noneDetail .none_img2{width:82px}
.noneMsg{text-align:left;font-size:14px;padding:10px 0 20px;}
.noneMsg em{display:inline-block;position:relative;color:#ff6a52;}
.noneMsg em:after{content:"";display:block;position:absolute;bottom:1px;left:0;width:100%;height:1px;background:#ff6a52}

/* 로딩바 */
#ajaxLoading {display:none;position: fixed;left: 0px;top: 0px;height: 100%;width: 100%;z-index:9999;background:rgba(0,0,0,.1)}
.load-wrapp {display: block;margin: auto;animation-duration: 1s;}
.load-wrapp .line{display: inline-block;width: 1rem;height: 1rem;margin:0 .1rem;border-radius: 15px;background-color: #fd945a;}
.load-wrapp .line:nth-last-child(1){animation: loadingB 1.5s 1s infinite;}
.load-wrapp .line:nth-last-child(2){animation: loadingB 1.5s .5s infinite;}
.load-wrapp .line:nth-last-child(3){animation: loadingB 1.5s 0s infinite;}
.loading.bl7{background:rgba(0,0,0,.6)!important;}
.load-wrapp .msg{position:absolute;top:50%;left:50%;transform: translateX(-50%) translateY(30px);text-align:center;color:#fff;width:80%}

body.iosX{min-height:100%}
/* @note 2023-09-05 */
body.iosX #app.main{padding:50px 0 100px}
body.iosX #app.main.tab1{padding:0px 0 100px}
/* // @note 2023-09-05 */
body.iosX #app.main.tab4{padding:86px 0 100px}
/*body.iosX .foot{height:80px;}*/
body.iosX footer.foot ul{align-items: flex-start}
/*body.iosX footer.foot ul li{position: relative; width: 20%; height: 60px;}*/
body.iosX #app.main .container{min-height:700px}

@keyframes loadingB {
	from {transform: translate(0, 0);}
	50% {transform: translate(0, 15px);}
	to {transform: translate(0, 0);}
}


.fullLayer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:#fff;-webkit-overflow-scrolling: touch;overflow-y:scroll;}
.fullLayer iframe{width:100%;height:100%;}
.fullLayer .topHeading{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height: 41px;}
.fullLayer .topHeading h1{display:inline-block;font-size:23px;color:#fefeff;white-space: nowrap;letter-spacing: -1.15px;font-weight:normal}
.fullLayer .topHeading h1 a{color:#fff}
.fullLayer .topHeading .btn-right{position:absolute;top: 10px;right: 5px;width:21px;height:21px;}

.fullLayer.bgGray{background:#eee}
.fullLayer .header{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:55px;background:#fd945a;-webkit-background-size: 98px;background-size: 98px;text-align:center;z-index:50;-webkit-box-shadow:  0 3px 11px 0 rgba(96, 59, 33, 0.15);-moz-box-shadow:  0 3px 11px 0 rgba(96, 59, 33, 0.15);box-shadow: 0 3px 11px 0 rgba(96, 59, 33, 0.15);}
.fullLayer .header h1{display:inline-block;font-size:23px;color:#fefeff;white-space: nowrap;letter-spacing: -1.15px;font-weight:normal}
.fullLayer .header h1 a{color:#fff}
.fullLayer .header .btn-left{display: flex;align-items: center;justify-content: center;position:absolute;top: 0;left: 0;width: 45px;height: 55px;}
.fullLayer .header .btn-left img{display:block;width: 12px;}
.fullLayer .header .btn-right{position:absolute;top:17px;right:18px;width:21px;height:21px}
.fullLayer .container{padding: 55px 0 20px;height:100%;}

/* LOUNGE2 영상 팝업 추가 */
.openMovieLayer {display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;}
.openMovieLayer .inner{background:#fff;margin:1rem;border-radius:.5rem;overflow:hidden;box-shadow:0px 2px 5px rgba(0,0,0,.5);width:100%;text-align:center}
.openMovieLayer .inner .movieLayer_tit{border-bottom:solid 1px #eee;display:flex;justify-content:center;align-items:center;position:relative;height:3rem}
.openMovieLayer .inner .movieLayer_tit h3{color:#f14b60}
.openMovieLayer .inner .movieLayer_tit button{position:absolute;right:1rem;}
.openMovieLayer .inner .movieLayer_tit button{display:block;text-indent:-999rem;width: 1.5rem;height: 1.5rem;}
.openMovieLayer .inner .movieLayer_tit button{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iJiN4QjgwODsmI3hDNzc0OyYjeEM1QjQ7XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzQuNTE2cHgiIGhlaWdodD0iMzQuNTQ3cHgiIHZpZXdCb3g9IjAgMCAzNC41MTYgMzQuNTQ3Ig0KCSBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNC41MTYgMzQuNTQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojRTM0RDVFOyIgZD0iTTIuNjcsMzMuOTY4Yy0wLjU4NSwwLjU4NS0xLjUzNSwwLjU4Ni0yLjEyMSwwbDAsMGMtMC41ODYtMC41ODYtMC41ODUtMS41MzUsMC0yLjEyMUwzMS44NzMsMC41MjENCgljMC41ODYtMC41ODUsMS41MzUtMC41ODYsMi4xMjEsMGwwLDBjMC41ODYsMC41ODYsMC41ODYsMS41MzUsMCwyLjEyMUwyLjY3LDMzLjk2OHoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNFMzRENUU7IiBkPSJNMC41NDgsMi42NDNjLTAuNTg1LTAuNTg2LTAuNTg2LTEuNTM1LDAtMi4xMjFsMCwwYzAuNTg2LTAuNTg2LDEuNTM1LTAuNTg2LDIuMTIxLDBsMzEuMzI1LDMxLjMyNA0KCWMwLjU4NiwwLjU4NSwwLjU4NiwxLjUzNSwwLDIuMTIxbDAsMGMtMC41ODYsMC41ODYtMS41MzUsMC41ODUtMi4xMjEsMEwwLjU0OCwyLjY0M3oiLz4NCjwvc3ZnPg0K') center no-repeat;background-size: 100%;}
.openMovieLayer .inner .movieContent{padding:1rem 0}
.openMovieLayer video::-internal-media-controls-download-button {display:none;}
.openMovieLayer video::-webkit-media-controls-enclosure {overflow:hidden;}
.openMovieLayer video::-webkit-media-controls-panel {width: calc(100% + 50px); /* Adjust as needed */}

span.ico_soldout {display: block;position: absolute;left: 10px;top: 65px;width: auto;background: rgba(0,0,0,0.8);z-index: 5;color: #fff;text-align: center;padding: 15px;letter-spacing: .3px;border-radius:3px;}
span.ico_soldout em{display:block;font-size: 14px;color:#e5e5e5;font-weight: bold;}


table.agreeTable{border:none;max-width:100%;width:320px}
table.agreeTable td,.scrollWrap table.agreeTable th{line-height:18px;letter-spacing: -0.31px;color:#636c77;font-size:12px;border-bottom:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc;padding:5px}
table.agreeTable th{vertical-align: middle}
table.agreeTable thead th{background-color:#f2f2f2;border-top:solid 1px #bcbcbc}
table.agreeTable td:last-child,.scrollWrap table.agreeTable thead th:last-child{border-right:0}
table.agreeTable td{word-break: keep-all}


@media only screen and (min-width:900px) {
	.pcSideMenu .area_service{width:45%}
	.pcSideMenu .service_list li{width:100%}
}


@media only screen and (max-width:600px) {
	.pcSideMenu .area_service{width:100%}
	.pcSideMenu .service_list li{width:100%}
}

/* 이미지 없음 */
.no_image{display:block;width:100%;height:100%;padding:5rem;border:solid 1px #f1f1f1;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/no_image.png) center no-repeat;background-size:50%}

/* 권한없음 소개화면 */
.introWrap li{text-align:center}
.introWrap .btWrap{padding:17px}

.form-loading{margin:0!important;}
.form-loading span {width: 7px;height: 7px;-webkit-animation: bouncedelay 1.4s infinite ease-in-out both;animation: bouncedelay 1.4s infinite ease-in-out both;background-color: #FFFFFF;border-radius: 100%;display: inline-block;margin: 0 2px;}
.form-loading span:first-child {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.form-loading span:nth-child(2n) {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
.layerFoot .form-loading{border-radius: 0 0 3px 3px}


/* 20200429 플레이북 ios iosX 버전 하단에 패딩 더 넣기 */
body.iosX .newBook .container{padding-bottom:50px}


@-webkit-keyframes bouncedelay {
	0%,
	80%,
	100% {-webkit-transform: scale(0);transform: scale(0);}
	40% {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes bouncedelay {
	0%,
	80%,
	100% {transform: scale(0);}
	40% {transform: scale(1);}
}



/* 더보기 애니메이션 */
@-webkit-keyframes flipInX {
	from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
	80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
	to { -webkit-transform: perspective(400px); transform: perspective(400px); -moz-transform: perspective(400px); -ms-transform: perspective(400px); -o-transform: perspective(400px); }
}

@keyframes flipInX {
	from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
	80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
	to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@media only screen and (max-width:320px) {
	.rowBox{margin:.5em}
}

.aniTipLayer{border-radius:10px;display:flex;align-items:center;justify-content:center;position:fixed;top:50%;left:50%;width:330px;min-height:42px;background:rgba(0, 0, 0, 0.8);transform:translateX(-50%) translateY(-50%);z-index:1001;padding:10px}
.aniTipLayer .txt{color:#fff;font-size:14px;}

/* product tag - default */
.tag-wrap{position:absolute;display:flex;flex-wrap:wrap;width:130px} /* @note 2021-04-02 */
.tag-wrap>li{margin:0px 2px 2px 0px}
.tag-wrap>li.tag-new{width:37px;height:23px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mallthumb_NEW.png) no-repeat;background-size:100%;}
.tag-wrap>li.tag-best{width:39px;height:23px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mallthumb_BEST.png) no-repeat;background-size:100%;}
.tag-wrap>li.tag-md{width:49px;height:23px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mallthumb_MDrecom.png) no-repeat;background-size:100%;}
.tag-wrap>li.tag-award{width:43px;height:23px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mallthumb_award.png) no-repeat;background-size:100%;}
.tag-wrap>li.tag-point100{width:70px;height:23px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mallthumb_point100.png) no-repeat;background-size:100%;} /* @note 2021-04-02 */

/* product detail */
.tag-wrap.pd-detail>li{margin:0px 5px 3px 10px;}
.tag-wrap.pd-detail>li:first-child{margin-top:10px}
.tag-wrap.pd-detail>li.tag-new{width:51px;height:35px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mall_NEW.png) no-repeat;background-size:100%;}
.tag-wrap.pd-detail>li.tag-best{width:54px;height:35px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mall_BEST.png) no-repeat;background-size:100%;}
.tag-wrap.pd-detail>li.tag-md{width:68px;height:35px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mall_MDrecom.png) no-repeat;background-size:100%;}
.tag-wrap.pd-detail>li.tag-award{width:60px;height:35px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mall_award.png) no-repeat;background-size:100%;}
.tag-wrap.pd-detail>li.tag-point100{width:97px;height:35px;background:url(http://down.wjthinkbig.com/bookclub/lounge2/img/v3/common/mallt_point100.png) no-repeat;background-size:100%;} /* @note 2021-04-02 */

/* ellipsis */
.ellip {display:block;height:100%;}
.ellip-line {display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:100%;}
.ellip,.ellip-line {position:relative;overflow:hidden;}


/* @note 2023-06-14 */
/* 로그인 레이어 */
.loungeLoginWrap{position: fixed;top:0;left: 100%;width: 100%; height:100%;display:flex;flex-direction: column;background:#fff;z-index: 9999; transition: left 0.3s;}
.loungeLoginWrap.open{left: 0;}
.tmpl{display:none}
.loungeLoginWrap .login{display: flex;height: 100%;flex-direction: column;}/* @note 2024-05-14 추가 */
.loungeLoginWrap .container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:80%;min-height: 500px;background: #fff;}
.loungeLoginWrap .loginFooter{display:block;flex:1 auto;background:#f2f2f2;border-top: solid 1px #dfdfdf;padding:19px 26px;color:#a9b0bb;text-align:center}
/* @note 2024-01-11 */
.loungeLoginWrap .loginFooter .login_desc{font-size:12px;line-height:19px;word-break: keep-all;text-align: center;padding-bottom:13px;color: #999999;}
.loungeLoginWrap .loginFooter .call_customer{display:inline-block;color:#222222;font-size:12px;text-decoration: underline}
/* //@note 2024-01-11 */
.loungeLoginWrap .visual-tit{display:flex;justify-content:center;align-items:center;padding:0 12% 5px}
.loungeLoginWrap .visual-tit .logo{width:44px;}
.loungeLoginWrap .visual-tit .appName{}
.loungeLoginWrap .formWrap{width:100%;padding:25px 25px 15px}
.loungeLoginWrap .formTit{font-size:13px;color:#302c2d}
.loungeLoginWrap .input-bx{width:100%;padding-bottom:6px;}
.loungeLoginWrap .input-bx{width:100%;padding-bottom:6px;}
.loungeLoginWrap .input-bx input[type=text],.loungeLoginWrap .input-bx input[type=number],.loungeLoginWrap .input-bx input[type=email],.loungeLoginWrap .input-bx input[type=password]{display:block;flex:auto;border:solid 1px #e5e5e5;border-radius: 3px;height:45px;padding:0 11px;width:100%;line-height: 1;font-size: 14px;}
.loungeLoginWrap input::placeholder {color: #cccccc;font-size:14px;font-weight:100;line-height:23px}
.loungeLoginWrap .formWrap textarea{width:100%;height:150px;border:solid 1px #e5e5e5;border-radius: 3px;padding:18px;}
.loungeLoginWrap .member_service{display:block;width:100%;}
.loungeLoginWrap .member_service ul{display:flex;justify-content: center;align-items: center;}
.loungeLoginWrap .member_service ul li{position:relative;padding:0 15px;}
.loungeLoginWrap .member_service ul li:after{content:"";display:block;position:absolute;top:4px;right:0;height:13px;width:1px;background:#e5e5e5}
.loungeLoginWrap .member_service ul li:last-child:after{display:none}
.loungeLoginWrap .member_service ul li a{font-size:14px;color:#302c2d}
.loungeLoginWrap .close_page{position: absolute;top: 15px;right: 18px;width: 21px;height: 21px;}
.loungeLoginWrap .close_page .close_page_btn{padding: 0;}

/* @note 2023-07-10 */
/* 로그인 안내 레이어 팝업 */
/* .layer.loginInfo_layer{left:50%;width:auto;margin:0;background:none;transform:translate(-50%,-50%);}
.layer.loginInfo_layer .layer_inner{display: flex;gap:25px;align-items: center;justify-content: center;flex-direction: column;}

.layer.loginInfo_layer .btn_area{display: flex;width: 230px;height: 230px;padding: 25px;background: #fff;overflow: hidden;border-radius: 50%;align-items: center;justify-content: center;flex-direction: column;overflow: hidden;text-align: center;}
.layer.loginInfo_layer .btn_area button{display: flex;width: 100%;height: 100%;border-radius: 50%;overflow: hidden; align-items: center;justify-content: center;flex-direction: column;}
.layer.loginInfo_layer .btn_area .img_area{margin-bottom: 10px;text-align: center;}
.layer.loginInfo_layer .btn_area .text_area span{display: block;margin-bottom: 12px;font-size: 18px;font-weight: bold;}
.layer.loginInfo_layer .btn_area .text_area span.small_text{font-size: 15px;line-height: 1.53;color: #5e5e5e;font-weight: 300;}

.layer.loginInfo_layer .btn_area.login_btn_area .img_area{width: 100px;}
.layer.loginInfo_layer .btn_area.expe_btn_area .img_area{width: 110px;}
.layer.loginInfo_layer .btn_area.expe_btn_area{margin-bottom: 15px;}
.layer.loginInfo_layer .nextTime_btn{opacity: 0;animation: nextTimeAni 1s .8s forwards;}
.layer.loginInfo_layer .nextTime_btn span{color:#d5d5d5;line-height: 1.86;text-decoration: underline;text-underline-position: under;}

.layer.loginInfo_layer .btn_area{position: relative; bottom: -100px; opacity: 0; }
.layer.loginInfo_layer .btn_area.login_btn_area{animation: loginAni 1s .2s forwards;}
.layer.loginInfo_layer .btn_area.expe_btn_area {animation: loginAni 1s .5s forwards;} */
/* // @note 2023-07-10 */

/* 로그인, 체험판 버튼 애니메이션 */
@-webkit-keyframes loginAni {
	from{bottom:-50px;opacity: 0;}
	to {bottom:0;opacity: 1;}
}

@keyframes loginAni {
	from{bottom:-50px;opacity: 0;}
	to {bottom:0;opacity: 1;}
}
/* 다음에 할게요 애니메이션 */
@-webkit-keyframes nextTimeAni {
	from{opacity: 0;}
	to {opacity: 1;}
}

@keyframes nextTimeAni {
	from{opacity: 0;}
	to {opacity: 1;}
}




/* // @note 2023-06-14 */

/* @note 2023-07-11 */
.layer.loginInfo_layer {display: none; background: none; animation: nextTimeAni 0.8s 0.5s forwards; opacity: 0;}
.layer.loginInfo_layer .service_info_area{position: relative; display: flex; padding-top: 78.5px; margin-bottom: 40px; background-color: #fff;border-radius:10px;align-items: center;justify-content: center;flex-direction: column;}
.layer.loginInfo_layer .service_info_area .service_info_img{position: absolute; top:-42.5px; width: 135px;}
.layer.loginInfo_layer .service_info_area .layerCont{height: 110px; padding:0 30px; margin-bottom: 0;}
.layer.loginInfo_layer .service_info_area .layerCont p {line-height: 1.67;}
.layer.loginInfo_layer .service_info_area .layerFoot{border-top:0 none;padding: 0 15px 15px;}
.layer.loginInfo_layer .service_info_area .layerFoot button{width: 100%;height: 47px;border-radius: 5px; background-color: #f7f7f7;border: 1px solid #efefef;color: #222222;font-size:16px;font-weight: bold;}
.layer.loginInfo_layer .nextTime_btn{font-size: 16px;opacity: 0;animation: nextTimeAni 1s .8s forwards;}
.layer.loginInfo_layer .nextTime_btn span{color:#d5d5d5;line-height: 1.86;text-decoration: underline;text-underline-position: under;}

.layer.loginInfo_layer .btn_area{position: relative; bottom: -100px; opacity: 0; }
.layer.loginInfo_layer .service_info_area{animation: loginAni 1s .5s forwards;}
.layer.loginInfo_layer .nextTime_btn {animation: loginAni 1s 1s forwards;}
/* // @note 2023-07-11 */


/* @note 2024-11-05 */
.layer.marketClosePopup{top:0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0 10px;background: none;transform: translateY(0); -webkit-transform: translateY(0);}
.layer.marketClosePopup .layer_inner{position: absolute;bottom: 24px;left: 50%;width:calc(100% - 20px);max-width:360px; padding:48px 15px 24px;background-color: #fff;border-radius: 22px;transform: translateX(-50%); -webkit-transform: translateX(-50%);animation: popupUp 0.5s;}
/* .layer.marketClosePopup .layer_inner.close{position: absolute;bottom: 24px;left: 50%;width:calc(100% - 20px);max-width:360px; padding:48px 15px 24px;background-color: #fff;border-radius: 22px;transform: translateX(-50%); -webkit-transform: translateX(-50%);animation: popupUp 0.5s;} */
@keyframes popupUp {0%{bottom: -999px;}100%{bottom: 24px;}}
@keyframes popupDown {100%{bottom: -999px;}0%{bottom: 24px;}}
.layer.marketClosePopup .x_btn{position: absolute;right: 18px;top: 18px;width: 20px;height: 20px;padding: 0;}
.layer.marketClosePopup .layer_cont{display: flex;width: 100%;flex-direction: column;align-items: center;justify-content: center;}
.layer.marketClosePopup .img_cont{padding: 0 13.80%;margin-bottom: 20px;}
.layer.marketClosePopup .img_cont > img{width: 100%; max-width: 230px;}
.layer.marketClosePopup .txt_cont{margin-bottom: 20px;font-size: 14px;font-weight: normal;line-height: 1.57;letter-spacing: -0.14px;text-align: center;color: #222;word-break: keep-all;}
.layer.marketClosePopup .txt_cont b{font-weight: 600;}
.layer.marketClosePopup .btn_cont{width: 100%;}
.layer.marketClosePopup .btn_cont .market_link_btn{display: flex;width: 100%;margin-bottom: 15px;padding: 12px 0;border-radius: 6px;background: #222222;align-items: center;justify-content: center;}
.layer.marketClosePopup .btn_cont .market_link_btn > span{font-size: 15px;font-weight: 600;line-height: 1.6;letter-spacing: normal;text-align: center;color: #fff}
.layer.marketClosePopup .btn_cont .marketClose_btn{width: 100%; text-align: center;}
.layer.marketClosePopup .btn_cont .marketClose_btn > span{border-bottom: 1px solid #999;font-size: 12px;font-weight: 500;line-height: 1.33;letter-spacing: normal;text-align: center;color: #999;}
.layer.marketClosePopup{}
/* //@note 2024-11-05 */