<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*151116 통계 */
#bookple_wrap2 {width:100%; padding:0px; margin:0px; background-color:#ffffff;}
.bp_stats_tarea { background:#fff;  border-bottom:1px solid #bbb; padding:12px 20px; overflow:hidden;}
.bp_top_title { float:left; padding:5px 0;  color:#12a9ff; font-size:1.2em;}
.bp_stats_back { float:left; padding:10px 15px 0 0; text-align:left;}

.bp_stats_sub_t { margin:0 0 20px 0; padding:0 0 12px 0; clear:both; overflow:hidden; border-bottom:1px solid #e1e1e1; } 
.bp_stats_sub_t2 { margin:0 0 10px 0; padding:0; clear:both; overflow:hidden;} 
.bp_stats_sub_c { margin:0 0 20px 0; padding:0; clear:both; overflow:hidden; }
.bp_stats_conts { float:left; padding-top:5px;  margin:0;}
.bp_stats_conts li { font-size:1.1em; line-height:130%; padding-bottom:3px;}

.bp_stats_star { float:right; padding-top:20px; margin-bottom:20px; width:120px; text-align:right;}

.bp_stats_more { background:#e5e5e5; padding:8px 10px;  text-align:center; color:#fff; font-weight:bold; font-size:1.1em;}
.bp_stats_space20 {height:20px; clear:both;}
.bp_stats_space40 {height:40px; clear:both;}


/*관심분야,저자의 이미지 커버 사이즈 가로 85px, 높이 105px 으로 제한, 높이 넘을경우 하단에서 크랍(bp_stats_cover), 높이 작을경우 이미지 만큼만(bp_stats_cover2)  */
/*관심분야,저자의 이미지 커버 사이즈 높이 105 넘을 경우 */
.bp_stats_cover1 { float:left; background:#fff; border: #dbdbdb 1px solid; width:85px; margin-right:15px; height:105px; overflow:hidden; }
.bp_stats_cover1 img {width:85px;  }

.bp_stats_cover2 { float:left; background:#fff; border: #dbdbdb 1px solid; width:85px; margin-right:15px; }
.bp_stats_cover2 img {width:85px;  }


/* 독서노트 */
.bp_stats_note_box { padding:0 20px 30px 20px; border-bottom:2px solid #eee; overflow:hidden;}
.bp_stats_note_left { float: left; width:50%; text-align:center;}
.bp_stats_note_right { float: right; width:50%; text-align: right; }
.bp_stats_note_right li {font-size:1.3em; color:#444444; line-height:190%;}
.bp_stats_note_num { font-size:1.6em; color:#111; font-style:italic; font-weight:bold;}
.bp_stats_note_italic { color:#111; font-style:italic;}

.bp_stats_write_box { margin:0 0 20px 0; padding:0; overflow: hidden;}
.bp_stats_w_c { background:#1dadff; border-radius:65px; width:75px; height:49px; font-size:1.2em; text-align:center; font-weight:bold; font-style:italic; color:#fff; padding-top:25px; margin-right:15px; float:left; letter-spacing:-1px;}
.bp_stats_w_w { padding-top:8px; font-size:1.1em; color:#444; overflow: hidden;}

/* 댓글 */
.bp_stats_comm_box { padding:0 0 30px 0; border-bottom:2px solid #eee; overflow:hidden;}
.bp_stats_comm_box2 { padding:0; margin:0 0 20px 0; border-bottom:2px solid #eee; overflow:hidden;}
.bp_stats_box_33 { width:33%; float:left; text-align:center;}
.bp_stats_f_box { padding:0 5px; margin:0 auto;  overflow: hidden;}
.bp_stats_photo { border:1px solid #dbdbdb; border-radius:85px; width:85px; height:83px; text-align:center; padding-top:2px; margin:0 auto;}
.bp_stats_photo img { border-radius:81px; width:81px; height:81px; text-align:center;}
.bp_stats_name { color:#333; font-size:1em; font-weight:bold; margin:3px 0 ;}
.bp_stats_f_num { margin:0 auto; background:#1dadff; color:#fff; font-size:1em; text-align:center; font-weight:bold; border-radius:20px; border-bottom-left-radius:0px; width:80px; height:25px; }

/* 좋아요 */
.bp_stats_good_box { padding:0 30px 30px 30px;  overflow:hidden;}
.bp_stats_good_leftbox { float:left; width:90%;}
.bp_stats_good_rightbox { float:right; width:10%; text-align: center; padding-top:32px;}

/* 상세보기 */
.bp_stats_layer_box { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #eee; overflow: hidden;}
.bp_stats_photo_left { border:1px solid #dbdbdb; border-radius:70px; width:70px; height:68px; text-align:center; padding-top:2px;float:left; margin-right:10px;}
.bp_stats_photo_left img { border-radius:66px; width:66px; height:66px; text-align:center;}
.bp_stats_w_d { color:#666; font-size:0.9em;}
.bp_stats_w_n { padding-top:25px; font-size:1.1em; color:#333; float:left; overflow: hidden; width:60%; font-weight:bold; }
.bp_stats_w_c2 {font-size:1.2em; text-align:center; font-weight:bold; font-style:italic; color:#1dadff; padding:22px 5px 0 0; margin-left:10px; float:right;}

/* 메인 */
.bp_stats_graph_box { padding:0 15px 20px 15px; border-bottom:2px solid #eee; overflow:hidden; text-align:center;}
.bp_stats_main_sbox { background:url(http://image.aladdin.co.kr/img/bookple/web/bookple_stats_center_line2.jpg) top center repeat-y; padding:0 20px; border-bottom:2px solid #eee; overflow:hidden;}
.bp_stats_main_sleft { float:left; width:50%; padding:0;}
.bp_stats_main_sright { float:right; width:50%; padding:0;}
.bp_stats_main_cont1 { padding:25px 15px 25px 0px; overflow:hidden; line-height:140%;}
.bp_stats_main_cont2 { padding:25px 0px 25px 15px; overflow:hidden;line-height:140%;}

.bp_stats_main_area35 { width:35%; float:left;}
.bp_stats_main_area65 { width:65%; float:left;}
.bp_stats_main_area_book { background:url(http://image.aladdin.co.kr/img/bookple/web/bookple_stats_sp4.jpg) top center no-repeat; background-size:140px auto; text-align:center; }
.bp_stats_main_area_comment { clear:both; text-align:center; overflow:hidden; }
.bp_stats_main_area_text { padding:0 10px; text-align:left;}


.bp_stats_cover3 { float:left; background:#fff; border: #dbdbdb 1px solid; width:70px; height:85px; overflow:hidden; }
.bp_stats_cover3 img {width:70px;}

.bp_stats_w_c3 { background:#1dadff; border-radius:75px; width:75px; height:50px; font-size:1.2em; text-align:center; font-weight:bold; font-style:italic; color:#fff; padding-top:25px; float:right; margin-bottom:40px;}

.bp_stats_photo_main { border:1px solid #dbdbdb; border-radius:75px; width:75px; height:73px; text-align:center; padding-top:2px; float:left;}
.bp_stats_photo_main img { border-radius:71px; width:71px; height:71px; text-align:center;}

.bp_stats_main_area_good { background:url(http://image.aladdin.co.kr/img/bookple/web/bookple_stats_heart0.jpg) top center no-repeat; background-size:160px auto; text-align:center; }

.bp_stats_main_good_n {font-size:1.3em; text-align:center; font-weight:bold; font-style:italic; color:#fff; margin:15px 0 20px 0px; padding-top:50px; margin-bottom:65px;}

.bp_stats_main_area_good2 { background:url(http://image.aladdin.co.kr/img/bookple/web/bookple_stats_heart2.jpg) top center no-repeat; background-size:130px auto; text-align:center; }
.bp_stats_main_good2_n {font-size:1.4em; text-align:center; font-weight:bold; font-style:italic; color:#fff; margin:15px 0 20px 0px; padding-top:40px; }

.bp_stats_main_area_good3 { background:url(http://image.aladdin.co.kr/img/bookple/web/bookple_stats_heart3.jpg) top center no-repeat; background-size:130px auto; text-align:center; }
.bp_stats_main_good3_n {font-size:1.4em; text-align:center; font-weight:bold; font-style:italic; color:#fff; margin:15px 0 20px 0px; padding-top:40px; }

.bp_stats_goodG_left { float: left; width:50%; text-align:center; }
.bp_stats_goodG_right { float: right; width:50%; text-align: right; padding-top:35px; }
.bp_stats_goodG_right li {font-size:1.1em; color:#444444; line-height:180%; letter-spacing:-1px;}
.bp_stats_good_num { font-size:1.4em; color:#111; font-style:italic; font-weight:bold;}

/* 독서통계 */
.bp_stats_read {text-align:center;}
.bp_year_box { margin:0 0 20px 0px; padding:0px; text-align:center; font-size:1.2em; color:#333; font-weight:bold;}
.bp_stats_read_fnum { font-size:1.3em; color:#ff69a3; font-style:italic; font-weight:bold; letter-spacing:-1px;}
.bp_stats_read_mnum { font-size:1.3em; color:#1dadff; font-style:italic; font-weight:bold; letter-spacing:-1px;}




/************ dev *************/
#donut_chart_output .arc text{
	fill: #484848;
	font-style:italic;
	font-weight:bold;
    font-family: 'Malgun Gothic', 굴림, Gulim, dotum, 돋움, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', Helvetica, AppleGothic, Sans-serif;
    /* pc */
    font-size: 1.6em;
}
#donut_chart_output{
    /* pc */
    width:200px; height:146px;
}
.donut_chart_drop_water {
    display:none;
    /* pc */
    margin-left:163px;
}
.donut_chart_drop_water_img{
    /* pc */
    width:57px;
    height:48px;
}
.donut_chart_text {
    display:none;
    color:#FEFDFE;
    font-style: italic;
    font-family: 'Malgun Gothic', 굴림, Gulim, dotum, 돋움, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', Helvetica, AppleGothic, Sans-serif;
    font-weight:bold;
    /* pc */
    margin-left:183px;
    font-size:1.3em;
    margin-top:13px;
}


#mini_donut_chart_output{
    /* mobile */
    width:150px; height:100px;
}
.mini_donut_chart_full_count{
	fill: #1CACFE;
	font-weight:bold;
    font-family: Arial; /*'Malgun Gothic', 굴림, Gulim, dotum, 돋움, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', Helvetica, AppleGothic, Sans-serif;*/
    /* mobile */
    font-size: 1.2em;
}

#line_chart_output{ height: 170px; }
#line_chart_output path { 
	stroke: #1EADFC;
	stroke-width: 2;
	fill: none;
}

#line_chart_output .axis path,
#line_chart_output .axis line {
	fill: none;
	stroke: #E5E5E5;
	stroke-width: 1;
	shape-rendering: crispEdges;
}

#line_chart_output .axis text {
	fill:#777777;
	font-weight:bold;
	font-size:8pt;
}


#line_chart_output .helpText {
	fill: #0082E4;
	font-size:12pt;
	font-style:italic;
	font-weight:bold;
	font-family: Arial;
	display:none;
}
#line_chart_output .lineDot {
	cursor:pointer;
}


</pre></body></html>