@import url('//piuri.net/css/newstyle_2015.css');
@import url('//piuri.net/css/webbook_viewer.css');

html, body {width:100%; height:100%}
html {overflow-y:scroll;}


@font-face {
    font-family: "Nanum";
    font-style: normal;
    font-weight: normal;
    src: url("//piuri.net/css/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"), 
				url("//piuri.net/css/NanumGothic-Regular.woff2") format("font-woff2"), 
				url("//piuri.net/css/NanumGothic-Regular.woff") format("woff"), 
				url("//piuri.net/css/NanumGothic-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "NanumB";
    font-style: normal;
    font-weight: 700;
    src: url("//piuri.net/css/NanumGothic-Bold.eot?#iefix") format("embedded-opentype"), 
				url("//piuri.net/css/NanumGothic-Bold.woff2") format("font-woff2"), 
				url("//piuri.net/css/NanumGothic-Bold.woff") format("woff"), 
				url("//piuri.net/css/NanumGothic-Bold.ttf") format("truetype");
}


html {overflow-y:scroll;}
* {margin:0; padding:0;}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-size:13px; line-height:18px; font-family:Nanum,verdana,"돋움", Dotum, "굴림", Gulim, appleGothic, Sans-serif; -webkit-text-size-adjust:none; letter-spacing:-0.001em}
body{position:relative;color:#555555;-webkit-text-size-adjust:none; padding:0;}
html{font-size:13px; line-height:18px;}
table{border-collapse:collapse}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
img, input, select, button, textarea{vertical-align:middle}

table {text-align:left;}
td{empty-cells:show;}
select {color:#666; font-size:12px;}
TEXTAREA{color:#666;font-size:12px;border:1px #CCCCCC solid; background:#FFFFFF;}

img, fieldset{border:none; vertical-align:middle;}
li {list-style:none; overflow:hidden; padding:0; margin:0;}
ul.list li {list-style:none;display:inline-block;overflow:hidden;padding-left:7px;background:url('https://img.piuri.com/common/li.gif') no-repeat;}
input{vertical-align:middle;}
hr{display:none;}
legend, hr, .blind {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}


a{color:#666; text-decoration:none; line-height:20px;}
a:link{color:#666; text-decoration:none; }
a:visited {color:#666; text-decoration:none; }
a:hover {opacity:0.8; text-decoration:none; }
a.rollover img{border-width:0px; display:block;}
a.rollover img.rollover {display:none;}
a.rollover:hover {position:relative;}
a.rollover:hover img {display:none;}
a.rollover:hover img.rollover {display:block;}

.img_none a:hover{opacity:1; text-decoration:none; }


.png24 {tmp:expression(setPng24(this));} 
.header_notice{position:absolute; top:55px; right:0px; width:330px; height:20px; overflow:hidden; text-align:right;}
#Gnb_top_line{width:100%; border-bottom:1px solid #ddd; text-align:center; overflow:hidden; background:#f5f5f5; overflow:hidden; height:25px; }
#Gnb_top_line img{vertical-align:middle;}
#Gnb_top{width:970px; clear:both; overflow:hidden; margin:0 auto; height:25px; position:relative;}
#Gnb_top .sp{width:350px; float:left; text-align:left;}
#Gnb_top .my{width:620px; float:right; text-align:right; margin-top:2px;}
#Gnb_top_line .line_l{border-left:1px solid #ddd;}
#Gnb_top_line .line_r{border-right:1px solid #ddd;}
.piurinet_point{width:970px; text-align:right; margin:0 auto; height:45px; margin-top:-13px;}
a.icon_notice, a:hover.icon_notice, a:visited.icon_notice, a:link.icon_notice {font-family:"NanumB,돋움,seoul,helvetica,verdana"; display:inline-block; padding-left:5px; color:#000; font-size:13px;}


#header h1{margin:25px auto 25px; width:183px;}
#header{margin:0 auto; width:985px; position:relative; z-index:9998;}
#gnb{position:relative; z-index:9998; background:url("https://img.piuri.net/2013/gnb_bg_185.png") repeat scroll left top #ed4113; height:45px; clear:both;}
.gnb_menu{border-style:none; padding:0 15px;}
.gnb_menu li{display:inline-block; float:left; font-weight:bold;}
.gnb_menu li.p_left{padding-left:32px;}
.gnb_menu li a, .gnb_menu li a:link, .gnb_menu li a:visited, .gnb_menu li a:hover{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; display:inline-block; padding:11px 13px 11px; color:#fff; font-size:14px;font-weight:normal;}
.gnb_menu li a.gnb_point{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; color:#f9fc00;}
.layer_menu_area{display:none; z-index:9999;}
.layer_menu_box{width:110px; padding-top:10px; margin-top:35px; z-index:9999; position:absolute; }
.layer_menu{width:110px; border:2px #c32900 solid; border-top:0; background:#fff url('https://img.piuri.com/2012/header/menu_top_bg.png') repeat-x top left; padding:5px 0 10px; z-index:9999; -webkit-box-shadow: 0 1px 2px rgba(255,255,255,1); -moz-box-shadow: 0 1px 2px rgba(255,255,255,1); box-shadow: 0 1px 2px rgba(255,255,255,1);}
.layer_menu li{padding:5px 10px 5px; border-bottom:1px dotted #d8d8d8; text-align:left;}
.layer_menu li a{display:block;}
.layer_menu li.float_box4{padding:2px 5px 2px; border-bottom:0; background:#fff url('https://img.piuri.com/common/fore_text.gif') no-repeat 3px 5px; text-indent:5px;}
.sub_t{margin-top:5px;}

.search_box {position:absolute; right:20px; top:8px; background: url("https://img.piuri.com/2012/header/search.png") no-repeat scroll 0 0 transparent;
    height: 24px; padding: 3px 5px 3px 10px;
    text-align: left; width: 280px;}
.search_box input{border:0;}
.search_list {font-family:"NanumB,돋움,dotum,tahoma,arial"; background: url("https://img.piuri.net/2013/search_bg.gif") no-repeat scroll right 4px transparent; color: #444; cursor: pointer; display: block; float: left;height: 20px;
    letter-spacing: -1px;
    margin: 0 0 0 5px;
	padding-top:2px;
    text-align: left;
    width: 65px;}
.search_section {display:none; position:absolute; z-index:10000; right:235px; top:33px; width:70px; border-top:1px solid #7f7f7f; opacity:0.9; filter:alpha(opacity=90); text-align:left;}
.search_section li {height:24px; line-height:24px; color:#444; padding-left:7px; border:1px solid #7f7f7f; border-top:0; background:#FFF; cursor:pointer; font-family:"NanumB,돋움,dotum,tahoma,arial;"}
.search_section li:hover {color:#000; background:#f3f3f3;}

#gnb_bottom{background:url("https://img.piuri.net/2013/top_bg.png") repeat scroll left top #fff; height:34px; margin-bottom:5px; clear:both;}
.gnb_bottom1{width:33%; float:left; font-size:11px; text-align:left; padding-top:5px; }
.gnb_bottom1 li{display:inline-block; float:left; padding-left:10px; height:22px; line-height:22px;}
.gnb_bottom1 a{display:inline-block; font-size:11px; color:#000; height:22px; line-height:26px;}
.gnb_bottom1_icon{background: url("https://img.piuri.net/2013/icon_question.png") no-repeat right 0px transparent;}
.gnb_bottom1_icon a{padding-right:26px}

.gnb_bottom2{width:33%; float:left; overflow:hidden; font-size:11px; text-align:center; padding-top:6px; background: url("https://img.piuri.net/2013/quick_menu3.gif") no-repeat 30px 7px transparent; height:22px;}
.gnb_bottom2 li.messege{float:left; margin-left:50px; top:7px; width:62px;}
/*.gnb_bottom2 li.chat{float:left; top:7px; width:65px;}*/

.gnb_bottom2 li.link{float:left; top:7px; width:90px;}
.gnb_bottom2 li.cash{float:left; top:7px; width:70px;}
.gnb_bottom2 a{display:inline-block; padding-top:30px; width:100%;}
.gnb_bottom3{width:34%; float:right; font-size:11px; padding-top:8px; position:relative; text-align:right; letter-spacing: -1px;}
.gnb_bottom3 a{display:inline-block; font-size:11px; letter-spacing: -1px;}

.text_btn{display:inline-block; cursor:pointer; font-size:11px; letter-spacing:-0.1em;}
a:hover .text_btn{color:#1a1a1a;}
.text_btn_point{display:inline-block; cursor:pointer; font-size:11px; letter-spacing:-0.1em; color:#d60070;}
a:hover .text_btn_point{color:#ff0085;}

#footer{ margin:30px auto 10px; border-top:1px solid #b9b9b9; clear:both; overflow:hidden; text-align:left;}
.footer_com{margin:20px auto 0; clear:both; overflow:hidden;}

#content{margin:0 auto; width:985px; clear:both; margin-top:0px; display:inline-block; text-align:left;}
.left_area{text-align:left; vertical-align:top; width:160px; background:url('https://img.piuri.com/2012/left_bg.png') repeat-y 0 0; padding-right:8px;}
#lnb{width:162px; float:left;}
.left_top{clear:both;}
.left_bottom{clear:both; border-top:1px solid #dbdbdb; background:url('https://img.piuri.com/2012/left_bg.png') repeat-y 0 0;}
.mybookshelf{width:83px; float:left; margin-right:1px;}
.bookcart{width:78px; float:left;}
.flatrate{width:161px; height:54px; padding:10px 0 7px; background:url('https://img.piuri.net/2013/fore_flatrate3_bg.png') no-repeat; border-right:1px solid #ddd;}
.flatrate dd{height:28px; text-align:right;}
.rentalrate{width:161px; height:54px; padding:8px 0 5px; background:url('https://img.piuri.com/2012/left/fore_rentalrate2_bg.png') no-repeat; border-top:1px solid #fff; border-bottom:1px solid #333;  border-right:1px solid #ddd;}
.rentalrate dd{height:28px; text-align:right;}

.l_menu{width:161px; border-right:1px solid #efeef0; padding-top:12px; z-index:9999; text-align:left;}
.l_menu dl{border-bottom:1px solid #efeef0; padding-bottom:5px;}
.l_menu dt{border-top:1px dotted #b4b4b4; padding:11px 0 7px; font-size:13px; font-family:"NanumB,돋움,dotum,tahoma,arial"; color:#000;}
.l_menu dd{border-top:0px dotted #ebebeb; position:relative; z-index:9000;}
.l_menu .end{margin-bottom:10px;}
.l_menu .l_menu_line{border-top:1px dotted #b4b4b4; padding-top:11px;}
.l_menu_layer{position:absolute; display:none; left:156px; z-index:9999; width:150px; padding-left:5px; margin-top:5px; background: url("https://img.piuri.net/2013/tip_sublayer.gif") no-repeat scroll 0 -2px transparent;}
.l_menu_list{border:2px solid #ed4113; padding:5px 8px 8px; background:#fff; text-align:left;}
.l_menu_list li{padding-top:2px; border-bottom:1px dotted #ebebeb; color:#fff;}
.l_menu_list li a{width:125px !important; padding:0; margin:0; word-wrap:break-word;}
#dl_area_menu{border-bottom:0;}

li.l_event{margin:5px 0 0;}
li.l_event img{width:161px; vertical-align:top;}

.f_lnb {font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:12px; color:#555;}
.f_lnb a, .f_lnb a:link, .f_lnb a:visited{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:12px ; color:#555 !important; text-decoration:none; display:inline-block; width:158px; padding:2px 0 2px 3px;}
.f_lnb a:hover{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:12px; color:#fff !important; text-decoration:none; background:#ed4113;}

.f_lnb_b {font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:13px;}
.f_lnb_b a, .f_lnb_b a:link, .f_lnb_b a:visited{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:13px; color:#000; text-decoration:none; display:inline-block; width:158px; padding:2px 0 2px 3px;}
.f_lnb_b a:hover{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:13px; color:#fff; text-decoration:none; background:#ed4113;}

.f_lnb_point {font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:12px; color:#e73100;}
.f_lnb_point a, .f_lnb_point a:link, .f_lnb_point a:visited{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:12px; color:#e73100; text-decoration:none; display:inline-block; width:158px; padding:2px 0 2px 3px;}
.f_lnb_point a:hover{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:12px; color:#fff; text-decoration:none; background:#ed4113;}

.f_lnb_point2 {font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:12px; color:#a0550c;}
.f_lnb_point2 a, .f_lnb_point2 a:link, .f_lnb_point2 a:visited{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:12px; color:#a0550c; text-decoration:none; display:inline-block; width:158px; padding:2px 0 2px 3px;}
.f_lnb_point2 a:hover{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:12px; color:#fff; text-decoration:none; background:#ed4113;}


/*.l_menu_layer{display:none;}
.l_menu_list{border-bottom:1px solid #920e9b; padding:0 5px 5px 5px; margin-bottom:5px; background:#fff; text-align:left;}
.l_menu_list li{padding-top:2px; border-bottom:1px dotted #ebebeb;}*/

#con_right_main{float:right; width:823px; text-align:left;}
#best_today{border-bottom:1px solid #333; height:219px; clear:both; overflow:hidden;}
.bestseller{background: url("https://img.piuri.net/2013/bestseller_bg_623.png") no-repeat scroll 0 0 transparent; width:623px; height:219px; float:left; position:relative;}
.bestseller h3{margin:15px 0 0 23px; display:inline-block}
.m_new_book{clear:both; padding-top:13px; margin:0 68px 0 60px; position:relative;}
.m_new_book dt{font-size:23px; font-weight:bold; width:355px; float:right; text-align:left; color:#292929; letter-spacing:-0.75px; line-height:22px; margin-bottom:5px;}
.m_new_book dt a{font-size:20px; font-weight:bold; text-align:left; color:#292929; letter-spacing:-0.75px; line-height:22px; text-decoration:none;}
.m_new_book dt a:link{font-size:20px; font-weight:bold; text-align:left; color:#292929; letter-spacing:-0.75px; text-decoration:none;}
.m_new_book dt a:visited{font-size:20px; font-weight:bold; text-align:left; color:#292929; letter-spacing:-0.75px; text-decoration:none;}
.m_new_book dt a:active{font-size:20px; font-weight:bold; text-align:left; color:#292929; letter-spacing:-0.75px; text-decoration:underline;}
.m_new_book dt a:hover{font-size:20px; font-weight:bold; text-align:left; color:#292929; letter-spacing:-0.75px; text-decoration:underline;}
.m_new_book .book_con{width:355px; text-align:left; color:#737373; padding:0; margin:0; position:absolute; top:38px; right:0;}
.m_new_book .cover{width:109px; margin-left:15px; float:left; position:relative;}
/*.m_new_book .cover img{border:1px solid #a0a0a0;}*/
.m_new_book .info{color:#a3a3a3; font-size:12px; margin-bottom:10px;}
#paginate-newbookslider_prev{position:absolute; top:100px; left:25px; z-index:10; padding:0px; width:20px; height:50px;}
#paginate-newbookslider_next{position:absolute; top:100px; right:25px; z-index:10; padding:0px; width:20px; height:50px;}
/* 메인 로테이트 */
.num_rotate{position:absolute; top:20px; right:25px; z-index:999; clear:both;}
.s_num_rotate{position:absolute; top:238px; left:273px; z-index:999; clear:both;}
.num_rotate li, .s_num_rotate li{display:inline-block; background:url(https://img.piuri.com/2012/btn_next_circle.png) no-repeat; width:16px; height:16px; float:left; cursor:pointer; text-indent:-9999px; margin-right:9px;}
.num_rotate li.on, .s_num_rotate  li.on{background:url(https://img.piuri.com/2012/btn_next_circle_on.png) no-repeat;}
.num_rotate li.btn_more{background:none; width:61px; height:21px; text-indent:0px; margin-top:-2px;}

.index_num_rotate2{position:relative; top:20px; right:25px; z-index:999; clear:both;}
.index_s_num_rotate2{position:relative; top:0; left:0px; z-index:999; clear:both;}
.index_num_rotate2 li, .index_s_num_rotate2 li{display:inline-block; background:url(https://img.piuri.com/2012/btn_next_circle.png) no-repeat; width:16px; height:16px; cursor:pointer; text-indent:-9999px; margin-right:9px;}
.index_num_rotate2 li.on, .index_s_num_rotate2  li.on{background:url(https://img.piuri.com/2012/btn_next_circle_on.png) no-repeat;}
.index_num_rotate2 li.btn_more{background:none; width:61px; height:21px; text-indent:0px; margin-top:-2px;}

.today_book{float:right; width:198px; height:218px; border-right:1px solid #ddd; border-top:1px solid #ddd; position:relative;}
.today_book h3{margin:15px 0 0 23px; display:inline-block}
.today_book .sub_tab{position:absolute; overflow: hidden; font-size:12px; color:#666; top:12px; right:24px; z-index:10;}

.main_bn_150127{width:792px; margin:20px 0 0 35px; position:relative; clear:both; text-align:left;}
.m_bn2{margin-left:6px;}

/*
.main_newbook{width:792px; height:265px; margin:30px 15px 0 20px; clear:both; position:relative;}
.main_newbook .sub_tab{position:absolute; overflow: hidden; font-size:12px; color:#666; top:0; right:24px; z-index:10;}
.main_bestseller{width:792px; height:320px; margin:27px 15px 0 20px; clear:both; position:relative;}
.main_bestseller .sub_tab{position:absolute; overflow: hidden; font-size:12px; color:#666; top:35px; right:24px; z-index:10;}
.main_bestseller .sub_tab1{position:absolute; overflow: hidden; font-size:12px; color:#666; top:0; right:24px; z-index:10;}
.main_recommend{width:585px; height:305px; margin:27px 0 0 20px; clear:both; position:relative; float:left;}
*/

.main_newbook{width:804px; height:725px; margin:25px 10px 0 20px; clear:both; position:relative; padding-bottom:15px;}
.main_newbook h3{margin-bottom:15px;}
.main_bestseller{width:804px; margin:30px 15px 0 20px; position:relative; clear:both; overflow:hidden; text-align:left; padding-bottom:15px;}
.index_main_bestseller{width:670px; margin:30px 15px 0 20px; position:relative; clear:both; overflow:hidden; text-align:left; padding-bottom:15px;}
.main_bestreview{width:804px; margin:20px 0 0 0; position:relative; clear:both; overflow:hidden; border-bottom:1px #ccc solid; border-top:1px #ccc solid;}
.main_bestreview2{width:804px;;  margin:30px 15px 0 20px; position:relative; clear:both; overflow:hidden; text-align:left; padding-bottom:15px;}
.main_recommend{width:804px; margin:14px 0 0 0; position:relative; clear:both; overflow:hidden; border-bottom:0px #333 solid; border-bottom:1px #666 dotted;}
.main_besteva{width:804px; height:280px; margin:0 0 0 0; position:relative; clear:both; overflow:hidden; border-top:0px #8b21c8 solid; vertical-align:top; }
.main_besteva2{width:804px; margin:30px 15px 0 20px; position:relative; clear:both; overflow:hidden; text-align:left; padding-bottom:15px; }
.main_notice{width:804px; margin:30px 0 40px;; position:relative; clear:both; overflow:hidden;}
.main_mybook{width:804px; margin:30px 15px 0 20px; position:relative; clear:both; overflow:hidden; text-align:left;}
.main_mybook h3{margin-bottom:20px;}
.btn_rotate{position:absolute; width:34px; text-align:right; top:0px; right:14px; clear:both; z-index:9999;}
.btn_rotate2{position:absolute; width:34px; text-align:right; top:25px; right:14px; clear:both; z-index:9999;}
.f_left{float:left;}
.f_right{float:right;}
.c_left{text-align:left;}
.c_right{text-align:right;}

/* 검색어 순위 */
.ranklist{padding:10px 18px; border:5px #e9e9e9 solid; height:20px; margin:20px 0 0 35px;}
.ranklist dt{padding:0px 0px; font:; color:#E11000; font-weight:bold; width:90px; float:left; text-align:left; text-indent:8px;}
.ranklist dd{padding:0; float:left; overflow:hidden; height:18px; width:650px;}
.ranklist ol{width:800px;}
.ranklist li{height:18px; margin-bottom:2px; vertical-align:middle;  float:left; padding:0 10px 0 5px;}
.ranklist li img{vertical-align:middle; margin-bottom:1px}
.ranklist li a{color:#666;font-style:normal; text-decoration:none; font-weight:normal;}
.ranklist li a:link{color:#666;font-style:normal; text-decoration:none; font-weight:normal; }
.ranklist li a:visited{color:#666;font-style:normal; text-decoration:none; font-weight:normal;}
.ranklist li a:hover{color:#be1da3;font-style:normal; text-decoration:none; font-weight:normal;}
.ranklist li a:active{color:#be1da3;font-style:normal; text-decoration:none; font-weight:normal;}
.ranklist .list1{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -3px}
.ranklist .list2{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -23px}
.ranklist .list3{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -44px}
.ranklist .list4{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -66px}
.ranklist .list5{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -89px}
.ranklist .list6{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -109px}
.ranklist .list7{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -130px}
.ranklist .list8{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -151px}
.ranklist .list9{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -172px}
.ranklist .list10{color:#666; background:url(https://img.piuri.com/2012/ranklist.png) no-repeat 0px -193px}

/* 검색어 순위
.ranklist{margin-top:17px; border:5px solid #E9E9E9; height:240px; padding:10px 18px 15px;; float:right; width:154px; }
.ranklist li {height: 18px;margin-bottom: 2px;vertical-align: middle;}
.ranklist dt {border-bottom: 1px dotted #666666;color:#e11000; font-weight: bold;padding: 5px 0; margin-bottom:5px;}
.ranklist dd {padding: 10px 0 5px;}
.main_besteva{width:585px; margin:5px 0 0 35px; clear:both; position:relative; float:left;}
.main_besteva .sub_tab{position:absolute; overflow: hidden; font-size:12px; color:#666; top:-3px; right:24px; z-index:10;}
.main_besteva h3{height: 20px; margin-bottom:20px;}
.evaluation{margin-top:5px; background:#f2f2f2; height:250px; padding:18px 13px; float:right; width:174px; overflow:hidden;}
.evaluation dt {color:#931307; margin-top:10px; font-size:11px;}
.evaluation dt a, .evaluation dt a:link, .evaluation dt a:visited{color:#931307; font-size:11px;}
.evaluation dd {font-size:11px; word-break:break-all;}
.evaluation dd a, .evaluation dd a:link, .evaluation dd a:visited{font-size:11px; line-height:16px;}
.main_mybook{width:792px; height:265px; margin:35px 0 0 35px; clear:both; position:relative; border-top:1px solid #ebebeb;}
.main_mybook h3{height: 20px; margin:30px 0 15px; color:#752d09;}
.main_mybook .sub_tab{position:absolute; overflow: hidden; font-size:12px; color:#666; top:30px; right:24px; z-index:10;}
*/

.main_cs{width:320px; margin:10px 0 0 35px; overflow:hidden; float:left;}
.q_order{width:205px; border:1px solid #cfcfcf; padding:12px 12px 10px; margin:10px 0 0 14px; overflow:hidden; float:left;}
.q_order ul{margin-top:10px;}
.q_order li{margin:5px 0; padding:0;}
.q_order a, .q_order a:link, .q_order a:visited{font-family:"NanumB,돋움,dotum,tahoma,arial"; display:block; font-size:12px; color:#Fff; text-decoration:none; padding:0 5px; height:30px; line-height:30px; background:#8f7f74; text-align:left;}
.q_order a:hover{color:#ffd49b; text-decoration:none;}

.book_close{border:1px solid #cfcfcf; height:124px; padding:15px 18px; float:right; width:162px; overflow:hidden; margin-top:10px;}
.book_close li {margin-top:10px;}

.sub_tab li{display:inline-block; float:left;}
.sub_tab a, .sub_tab a:link, .sub_tab a:visited{ display:inline-block; font-size:12px; font-weight:bold; color:#666; text-decoration:none; padding:2px 14px 3px 0;}
.sub_tab a:hover{ display:inline-block; font-size:12px; font-weight:bold; color:#e94f31; text-decoration:none;}
.sub_tab a.on, .sub_tab a:link.on, .sub_tab a:visited.on{ display:inline-block; font-size:12px; font-weight:bold; color:#e94f31; text-decoration:none; padding:2px 14px 3px 0;}

.sub_tab1 li{display:inline-block; float:left; height:28px; margin-right:1px;}
.sub_tab1 a, .sub_tab1 a:link, .sub_tab1 a:visited{ display:inline-block; font-size:12px; color:#666; text-decoration:none; height:18px; padding:6px 10px 4px; background:#e2e2e2; font-weight:bold; }
.sub_tab1 a:hover{ display:inline-block; font-size:12px; color:#fabe00; text-decoration:none; background:#333; font-weight:bold;}
.sub_tab1 a.on, .sub_tab1 a:link.on, .sub_tab1 a:visited.on{ display:inline-block; font-size:12px; color:#fabe00; text-decoration:none; height:18px; padding:6px 20px 4px; background:#333; font-weight:bold;}
.sub_tab1_b_line{border-bottom:1px solid #333; overflow:hidden; height:28px;}

.sub_tab2{margin-bottom:25px; clear:both; overflow:hidden;}
.sub_tab2 li{display:inline-block; float:left; height:30px; width:282px; border-bottom:1px solid #d6d6d6;}
.sub_tab2 a, .sub_tab2 a:link, .sub_tab2 a:visited{font-family:"NanumB,돋움,dotum,tahoma,arial"; display:block; font-size:14px; color:#666; text-decoration:none; padding:6px 0; background:#fff; text-align:center; }
.sub_tab2 a:hover{font-family:"NanumB,돋움,dotum,tahoma,arial"; font-size:14px; color:#868686; text-decoration:none; background:#fff; text-align:center;}
.sub_tab2 a.on, .sub_tab2 a:link.on, .sub_tab2 a:visited.on{display:block; font-size:14px; color:#333; text-decoration:none; padding:6px 0; background:#d6d6d6; text-align:center;}

.m_title_tab{border-bottom:0px; display:block; font-size:12px; font-style:normal; font-weight:normal; margin:0px; float:left;}
.m_title_tab a{border-bottom:0px; display:block; height:20px; padding:8px 10px 5px 13px; cursor:pointer; vertical-align:bottom; text-align:center;}
.m_title_tab a:link{font-size:12px; font-style:normal; text-decoration:none; font-weight:normal;}
.m_title_tab a:visited{font-size:12px; font-style:normal; text-decoration:none; font-weight:normal;}
.m_title_tab a:hover{color:#000; font-size:12px; font-style:normal; text-decoration:none; font-weight:normal;}
.m_title_tab a:active{color:#000; font-size:12px; font-style:normal; text-decoration:none; font-weight:normal;}
.m_title_tab_on{text-align:center; color:#000 !important; padding:8px 30px 5px; background:#fff; height:24px; font-size:12px; font-style:normal; margin:0px; float:left; font-weight:bold; cursor:pointer; border:1px solid #ccc; border-top:1px solid #333; border-bottom:1px solid #fff;}

#sub_content{margin:0 auto; float:right; width: 800px; padding-left:18px; margin-top:0; position:relative;}
#sub_content_item{margin:0 auto; float:right; width: 800px; min-height:1483px;padding:0 0 90px 18px; margin-top:0; position:relative;}
#sub_content_w100%{margin:0 auto; width: 985px; margin-top:0; position:relative;}
#sub_content_cafe{margin:0 auto; width: 980px; margin:7px auto; position:relative;}
#sub_content_novel{margin:0 auto; float:right; width:100%; padding-left:18px; margin-top:0; position:relative;}

.googl_ad{width:800px; position:absolute; bottom:0; padding-left:10px;}

/* item */
.category_navi{padding:5px 0 9px; border-bottom:1px solid #333;}
.book_item_title{font-size: 25px; color:#000; font-family:"NanumB,돋움,dotum,tahoma,arial"; padding:10px 0 15px 0; letter-spacing:0px; display:block;}
.itemlist_tab{border-bottom:1px #e9e9e9 solid; padding:12px 0 9px 0; clear:both; overflow:hidden;}
.itemlist_tab p{display:inline-block; height:22px; line-height:22px; float:left;}
.itemlist_tab p.tab_right{width:600px; text-align:right; float:right;}

.table_item{margin-left:20px; width:750px;}
.item_review{width:790px; overflow:hidden; text-align:right; margin:15px 0 20px;}
.item_book_info{padding:0 10px 0;}
.item_book_info p{margin:10px 0 40px; line-height:20px;}
.item_review_list{padding:10px 0 40px;}
.item_review_list li.none_con{border-bottom:0px solid #dedede; padding:10px; text-align:center;}
.item_review_list p{margin:3px 0;}
.item_other_list{padding:20px 0 20px 15px;}
.imgsrc_b {padding:4px 4px 4px 4px;border-color:#ccc;border-style:solid;border-width:1px;border-collapse:collapse;}
.item_book_info_title{    
	border-bottom: 1px solid #333;
    font-weight: bold;
    margin: 0px 0 10px;
	padding:10px; 
	font-size:16px;
}

/* 서브메인 */
.sub_main{width:780px; margin-left:20px; position:relative;}
.book_list1{clear:both; overflow:hidden; position:relative; margin:30px 0 30px;}
.book_list2{clear:both; overflow:hidden; margin:0px auto 0;}
.book_list3{clear:both; overflow:hidden; padding:0 5px;}
.book_list4{clear:both; overflow:hidden; padding:0 0;}
.sub_main_left{width:630px; float:left; height:240px; padding-left:10px;}
.sub_main_right{width:152px; float:right; text-align:center; background-color:#fff; height:215px; padding-top:25px; border:1px dotted #929292; position:relative; margin-bottom:10px;}
.btn_flatrate{position:absolute; top:47px; right:15px; width:160px; text-align:right;}

.m_s_tab_menu{border-top:1px #e9e9e9 solid; vertical-align:top; margin:10px 0 15px; clear:both; overflow:hidden; text-align:right; height:20px; padding:5px 0;}
.m_s_title_tab_on{font-size:11px; color:#000; border-bottom:0px; display:inline-block; background:#fff; border:1px solid #ccc; border-top:1px solid #333; border-bottom:1px solid #fff; padding:0 10px;}
.m_s_tab_menu a{padding:5px 0; font-size:11px}
.m_s_tab_menu a:hover{color:#000; text-decoration:none; font-weight:normal;}
.m_s_tab_menu a:active{color:#000; text-decoration:none; font-weight:normal;}
.m_s_tab_menu2{vertical-align:top; margin:10px 0 0; clear:both; overflow:hidden; text-align:right; height:20px; padding:5px 0 7px; border-bottom: 1px dotted #DDD;}

.m_tab_menu{background: url("https://img.piuri.com/2012/main_tab_bg.png") repeat-x scroll 0 0 transparent;  vertical-align:top; margin-bottom:10px; clear:both; overflow:hidden; text-align:left; height:32px;}
.m_tab_menu a:hover{text-decoration:none; color:#000;}
.m_tab_menu h3, .m_s_tab_menu h3{display:inline-block;}


.view_range{text-align:right; font-size:11px; border-bottom: 1px dotted #bababa; padding-bottom:5px; position:relative;}
.review_help{position:absolute; left:0; top:-6px;}
.review_help_btn{background:#fff9db; border-radius: 30px; display: inline-block; margin-bottom: 10px; padding: 5px 15px;}
.review_help_text{color:#f11404}
ul.book_review{margin-top:-4px; padding:10px 10px;}
ul.book_review li{margin:0; padding:20px 0; border-bottom: 1px dotted #bababa; position:relative;}
ul.book_review li.none{padding:50px 0; border-bottom: 0; text-align:center;}
ul.book_review li img{vertical-align:middle;}
ul.book_review li p.review_name{margin:0 0 15px 0; }
ul.book_review li p.recom_review{margin:0 0 5px 0; }
ul.book_review li p.recom_review_btn{margin:25px 0 0 0; }

.book_list_w{width:100%; clear:both;}
.book_list_w li{margin:0 24px 20px 0; width:105px; float:left; position:relative;}
.book_list_w li.none{margin:50px 0; width:100%; text-align:center;}
.book_list_w li div img{border:1px solid #bcbcbc;}

.book_list_w_s{width:100%; clear:both;}
.book_list_w_s li{margin:0 15px 0 0; float:left; position:relative;}

.sub_m_list{width:100%; overflow:hidden; clear:both; padding-left:10px;}
.sub_m_list li{margin:0 24px 20px 0; overflow:hidden; width:105px; height:255px; float:left; vertical-align:top}
.sub_m_list li div{height:158px;}
.sub_m_list li div img{max-height:155px;}


.book_today{width:100%; overflow: hidden; padding-top:12px;}
.book_today li{margin:0 24px 0; overflow:visible; text-align:center;}
.book_today li div{border:1px solid #bcbcbc; width:87px; margin:0 auto; font-weight:normal;}
.book_title {margin:6px 0 0; overflow: hidden; font-size:12px; color:#000;}
.book_title a, .book_title a:link, .book_title a:visited{font-size:12px; color:#000; text-decoration:none;}
.book_title a:hover{font-size:12px; color:#3c3c3c; text-decoration:none;}
.score {color: #FF9827; font-size:11px;  padding:0 0 3px;}
.score img{margin-top:-1px;}
.date_s {color:#b0b0b0; font-family:NanumB,tahoma; font-size:10px; font-style:normal; letter-spacing: 0; height:12px; line-height:14px;}
.pub_m {color:#999; font-size: 12px; line-height:17px;}
.author_m {color:#666; font-size: 12px; line-height:17px;}
.price_magin{margin:4px 0 6px;}

/* 리스트 */
.w_list{overflow:hidden; clear:both; padding:0px 0 0px ;}
.w_list li.bottom_line{border-bottom:1px dotted #ddd; padding:20px 0 20px; }
.list_title1{width:400px; word-wrap:break-word; margin-top:-3px;}
.list_title1 img{vertical-align:middle;}
.chk_book{width:30px; text-align:left; float:left;}

.thumbnail{width:124px; padding:0; float:left; position:relative; text-align:center;}
.thumbnail_left{width:122px; padding:0 0 0 18px;; float:left; position:relative; text-align:center;}
.thumbnail_left_0{width:140px; padding:0 0 5px 0; float:left; position:relative; text-align:center; overflow:hidden;}

.serch_thumbnail{border: 1px solid #BCBCBC;}
.w_list_info{float:right; width:615px; min-height:175px; padding-right:10px; position:relative;}
.b_w_list_info{float:right; width:626px; min-height:175px; padding-right:10px; position:relative;}
.s_list_info{float:right; width:625px; min-height:150px; padding-right:10px; position:relative;}
.book_intro{margin-top:5px; font-size:11px; height:53px; overflow:hidden; color:#999; margin-bottom:35px;}
.book_intro2{margin-top:5px; font-size:13px; height:70px; overflow:hidden; color:#999; margin-bottom:35px;}
.s_book_intro{margin-top:5px; font-size:11px; min-height:30px; overflow:hidden; color:#999; line-height:17px;}
.book_buy_btn{position:absolute; bottom:0px; left:0px;}
.score_area{position:absolute; top:14px; right:10px;}
.score_area img{vertical-align:middle;}

.list_price{margin:0; color:#2b2b2b; margin-bottom:5px;}
.list_price li{margin-bottom:1px; clear:both; padding:0; vertical-align:middle; height:17px;}
.list_price .w85{width:85px; display:inline-block; float:left; font-weight:normal; 	font-weight: inherit; font-style: inherit;	font-size: 100%;}
.list_pricea_m{margin:8px 0 5px;}
.item_price{margin:10px 0 0px;}
.item_price li{margin-bottom:1px; clear:both; padding:0; vertical-align:middle; height:18px; letter-spacing:0px;}
.item_price li.score{height:20px; line-height:20px;}
.item_price li.hnone{margin-bottom:1px; clear:both; padding:0; vertical-align:middle; height:30px;}
.item_sale {
	border-radius: 5px !important;
	color: #ff3202;
	border:1px solid #ffaa96;
	font: 8pt/0 Tahoma;
	letter-spacing: 0;
	padding: 0 3px;
}
.item_choice{margin:-5px 0 5px;}
.item_choice li{margin-bottom:1px; clear:both; padding:0; vertical-align:middle; float:left;}
.item_price .w85, .item_choice .w85{width:85px; display:inline-block; float:left; font-weight:normal; font-weight: inherit; font-style: inherit;	font-size: 100%;}
.item_price .p_b_10{padding-bottom:10px;}
.item_price .p_b_5{padding-bottom:5px;}
.item_price .f_a3a3a3{color:#a3a3a3;}

.book_list_info{margin-top:7px; vertical-align:top;}
.book_list_info li{line-height:17px; padding:0; margin:0; text-align:left;}
.book_list_info li.book_list_title a{line-height:14px; font-weight:bold;}

/* EVENT */
.event_bn{width:width:795px; clear:both; overflow:hidden; margin-bottom:30px; text-align:right;}
.event_title{color:#000; font-size:18px; font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing: 0; padding:20px; margin:15px 0; border:1px dotted #ccc; clear:both; overflow:hidden;}
.event_w_list{width:width:795px; margin:0 0 30px; padding:0 3px; overflow:hidden;}
.event_w_list ul.book{min-height:300px; border:0; float:left; width:147px; margin:0 25px 15px;}
.event_w_list ul.book li{width:147px; text-align:left; }
.event_w_list ul.book li .imgfrm_b2{width:143px; height:205px;}
.event_w_list ul.book li.title{margin-top:10px;  margin-bottom:3px; text-align:left; color:#333; font-weight:bold;}
.event_w_list ul.book .sell_price{color:#000; text-decoration:throuthline;}
.event_w_list ul.book .event_price{color:#c31818; font-weight:bold;}
.event_w_list ul.book li.score {color: #ff9827; font-size: 11px; height: 17px; margin-bottom: 1px; width: 100px;}
.event_w_list ul.book .sale{color:#fff; background:#c31818; font:8pt/0 Tahoma; letter-spacing:0em; border-radius: 10px !important; padding:0 3px;}

.event_h_list{width:width:795px; margin:0 0 30px; paddig:0; padding:0 3px; overflow:hidden;}
.event_h_list{overflow:hidden; clear:both; padding:0px 0 0px ;}
.event_h_list li.bottom_line{border-bottom:0px dotted #ddd; padding:7px 0 7px; }
.thumbnail_left{width:122px; padding:0 0 0 18px;; float:left; position:relative; text-align:center;}
.b_w_list_info{float:right; width:626px; min-height:175px; padding-right:10px; position:relative;}
.score_area{position:absolute; top:14px; right:10px;}
.event_h_list .sell_price{color:#000;}
.event_h_list .event_price{color:#c31818; font-weight:bold;}
.event_h_list .score {color: #ff9827; font-size: 11px; height: 17px; margin-bottom: 1px; width: 100px;}
.event_h_list .sale{color:#fff; background:#c31818; font:8pt/0 Tahoma; letter-spacing:0em; border-radius: 10px !important; padding:0 3px;}
.event_h_list .book_intro{margin-top:15px; font-size:11px; height:70px; overflow:hidden; color:#999; line-height:16px; margin-bottom:0px; }
.event_h_list .book_intro2{margin-top:15px; font-size:13px; height:70px; overflow:hidden; color:#999; line-height:16px; margin-bottom:0px; }


/* class */
.clearf {min-height:1%; _height:1%;}
.clearf:after {content:""; display:block; overflow:hidden; clear:both; height:0; }

.sub_title{border-bottom:1px solid #333; height:38px; line-height:38px; text-align:left; color: #222; font-family:"NanumB,돋움,dotum,tahoma,arial"; font-size: 18px; letter-spacing: 0;}
.sub_title2{border-bottom:0px solid #333; height:38px; line-height:38px; text-align:left; color: #222; font-family:"NanumB,돋움,dotum,tahoma,arial"; font-size: 18px; letter-spacing: 0; margin-bottom:20px;}
.sub_title3{border-bottom:1px solid #333; height:38px; line-height:38px; text-align:left; color: #222; font-family:"NanumB,돋움,dotum,tahoma,arial"; font-size: 14px; letter-spacing: 0;}
.sub_title_info{display:inline-block; margin:0 0 0 10px; padding:0; color:#999; font-family:"NanumB,돋움,dotum,tahoma,arial"; font-size: 11px; letter-spacing: 0;}
.third_title{border:1px dotted #999; text-align:left; padding:8px 20px; margin-top:20px; overflow:hidden;}
.third_title, .third_title a{color: #222; font-family:"NanumB,돋움,dotum,tahoma,arial"; font-size: 16px; letter-spacing: 0;}

.sub_nav{position:absolute; top:12px; right:10px;}
.sub_nav table{width:300px !important;}
.sub_nav table td{text-align:right !important;}

.list_tip{padding:10px; font-size:12px; position:relative; clear:both; overflow:hidden;}
.list_tip dt{color:#f4052c; margin-bottom:5px; padding-top:5px; height:15px; font-weight:bold;}
.list_tip dd{margin-bottom:3px; background: url("https://img.piuri.net/2013/li.gif") no-repeat scroll 3px 0px transparent; text-indent:10px;}

li.font_11_g{font-size:11px; color: #666666;}
.f_score{color:#F48C05 !important; font-size:11px;}
.f_score_g{color:#8e8e8e !important; font-size:11px;}
.f_gray2{color:#838383 !important;}
.f_gray1{color:#555 !important;}
.f_black{color:#000 !important;}
.f_s_point {font-size: 18px; color:#e73100}
.top5_p{padding-top:4px;}
.f_bold{ font-weight:bold !important}
.f_11_m{font-size:11px;}
.n_ls{letter-spacing:0;}
.sepm {font-size:10px; color: #CCCCCC !important;letter-spacing: normal; display:inline-block; padding:0 5px 2px; vertical-align:top;}
.f_price_point{color:#ff9000 !important;}
.f_darkred{color:#a50909 !important;}
.f_a3a3a3 {    color: #a3a3a3;}

.gray12b{color:#009900;}

.text_btn{display:inline-block; cursor:pointer; font-size:11px; letter-spacing:-0.1em;}
a:hover .text_btn{color:#1a1a1a;}
.text_btn_point{display:inline-block; cursor:pointer; font-size:11px; letter-spacing:-0.1em; color:#d60070;}
a:hover .text_btn_point{color:#ff0085;}


.icon_adult{font-family:"NanumB,돋움,seoul,helvetica,verdana" ; display:inline-block; padding-left:5px; color:#ff3c2d; font-size:10px; text-decoration:none;}
a:hover .icon_adult{color:#fff;}
.icon_new{font-family:"NanumB,돋움,seoul,helvetica,verdana" ; display:inline-block; padding-left:5px; color:#0fc49f; font-size:10px; text-decoration:underline;}
.icon_gnbnew{font-family:"NanumB,돋움,seoul,helvetica,verdana" ; display:inline-block; padding-left:4px; color:#F9FC00; font-size:10px; text-decoration:none; letter-spacing:0; font-weight:normal;}

.float_box {font-size:11px;line-height:18px;}
.float_box a{font-size:11px;  line-height:18px; text-decoration:none;}
.float_box a:link{font-size:11px; line-height:18px; text-decoration:none;}
.float_box a:visited{font-size:11px; line-height:18px; text-decoration:none;}
.float_box a:hover{font-size:11px; line-height:18px; color:#ca006c; text-decoration:none;}

.float_box2 {font-size:11px;line-height:18px;}
.float_box2 a{font-size:11px; line-height:18px; text-decoration:none;}
.float_box2 a:link{font-size:11px; line-height:18px; text-decoration:none;}
.float_box2 a:visited{font-size:11px; line-height:18px; text-decoration:none;}
.float_box2 a:hover{font-size:11px; line-height:18px; color:#003399; text-decoration:none;}

.float_box3 {font-size:11px; color:#444; line-height:18px;}
.float_box3 a{font-size:11px; color:#444; line-height:18px; text-decoration:none;}
.float_box3 a:link{font-size:11px; color:#444;  line-height:18px; text-decoration:none;}
.float_box3 a:visited{font-size:11px; color:#444;  line-height:18px; text-decoration:none;}
.float_box3 a:hover{font-size:11px; line-height:18px; color:#003399; text-decoration:none;font-weight:bold;}

.f_s_menu {font-size:12px; color:#444; }
.f_s_menu a, .f_normal a:link, .f_normal a:visited{font-size:12px; color:#444 !important; text-decoration:none;}
.f_s_menu a:hover{font-size:12px; color:#ed4113 !important; text-decoration:none; background:#fff !important;}

.f_s_menu2 {font-size:12px; color:#a0550c !important;}
.f_s_menu2 a, .f_point2 a:link, .f_point2 a:visited{font-size:12px; color:#a0550c; text-decoration:none;}
.f_s_menu2 a:hover{font-size:12px; color:#ed4113; text-decoration:none;}

.f_s_menu3 {font-size:12px; color:#e73100 !important; font-weight:bold;}
.f_s_menu3 a, .f_point a:link, .f_point a:visited{font-size:12px; color:#e73100; text-decoration:none;}
.f_s_menu3 a:hover{font-size:12px; color:#ff0000; text-decoration:none;}


.f_normal {font-size:12px; color:#444; }
.f_normal a, .f_normal a:link, .f_normal a:visited{font-size:12px; color:#444 !important; text-decoration:none;}
.f_normal a:hover{font-size:12px; color:#000 !important; text-decoration:none; background:#fff !important;}

.f_point {font-size:12px; color:#e73100 !important;}
.f_point a, .f_point a:link, .f_point a:visited{font-size:12px; color:#e73100; text-decoration:none;}
.f_point a:hover{font-size:12px; color:#ff3000; text-decoration:none;}

.f_point2 {font-size:12px; color:#a0550c !important;}
.f_point2 a, .f_point2 a:link, .f_point2 a:visited{font-size:12px; color:#a0550c; text-decoration:none;}
.f_point2 a:hover{font-size:12px; color:#de7106; text-decoration:none;}

.f_point3 {font-size:12px; color:#e1532d !important;}
.f_point3 a, .f_point2 a:link, .f_point2 a:visited{font-size:12px; color:#e1532d; text-decoration:none;}
.f_point3 a:hover{font-size:12px; color:#de7106; text-decoration:none;}

.f_widte {font-size:12px; color:#fff;}
.f_widte a, .f_widte a:link, .f_widte a:visited{font-size:12px; color:#fff; text-decoration:none;}
.f_widte a:hover{font-size:12px; color:#feff81; text-decoration:none;}

.title_main {font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:14px; color:#222;}
.title_main a, .title_main a:link, .title_main a:visited{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:14px; color:#222; text-decoration:none;}
.title_main a:hover{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:14px; color:#222; text-decoration:none;}

.title_book3 {font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:16px; line-height:24px; color:#222;}
.title_book3 a, .title_main a:link, .title_main a:visited{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:16px; line-height:24px; color:#222; text-decoration:none;}
.title_book3 a:hover{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; font-size:16px; line-height:24px; color:#c60052; text-decoration:none;}



li {list-style:none;overflow:hidden;}
.li_fore {list-style:none;overflow:hidden;display:block;background:url(https://img.piuri.net/common/fore_text.gif) no-repeat 0 5px;padding:0 0 2px 5px;}
.li_fore_c {list-style:none;overflow:hidden;display:block;background:url(https://img.piuri.net/common/fore_text.gif) no-repeat;}
li.fore_line{border-bottom:1px #ddd solid; margin:10px 0 10px 0; padding:0 0 5px 10px;}
#netbody {width:970px; text-align:left;}
#netindexleft {width:220px;}
#netindexcontent {width:750px;}
#netleftarea {width:185px;}
#netcontent {width:780px;}
#netright {width:180px;}

.li_green {list-style:none;overflow:hidden;display:inline;background:url(https://img.piuri.net/img/member/mypage/ico_green_s.gif) no-repeat;padding:2px 0 0 18px;}
.li_crystal {list-style:none;overflow:hidden;display:inline;background:url(https://img.piuri.net/img/member/mypage/ico_crystal_s.gif) no-repeat;padding:2px 0 0 18px;}
.li_rose {list-style:none;overflow:hidden;display:inline;background:url(https://img.piuri.net/img/member/mypage/ico_rose_s.gif) no-repeat;padding:2px 0 0 18px;}
.li_olive {list-style:none;overflow:hidden;display:inline;background:url(https://img.piuri.net/img/member/mypage/ico_olive_s.gif) no-repeat;padding:2px 0 0 18px;}
.li_stella {list-style:none;overflow:hidden;display:inline;background:url(https://img.piuri.net/img/member/mypage/ico_stella_s.gif) no-repeat;padding:2px 0 0 18px;}
.li_honorshall {list-style:none;overflow:hidden;display:inline;background:url(https://img.piuri.net/img/member/mypage/ico_honorshall_s.gif) no-repeat;padding:2px 0 0 18px;}
.li_invitation {list-style:none;overflow:hidden;display:inline;background:url(https://img.piuri.net/img/member/mypage/ico_invitation_s.gif) no-repeat;padding:2px 0 0 18px;}

   
.num {color:#666; font-size:11px; font-family:NanumB,tahoma;font-style:normal;}
.num_s {color:#666; font-size:10px; font-family:NanumB,tahoma; font-style:normal;}

.date {color:#999; font-size:11px; font-family:NanumB,tahoma;font-style:normal;}
.img_va{vertical-align:middle;}
.input_va{vertical-align:top;}
/*.img_va{vertical-align:middle; font-family:"NanumB,돋움,dotum,tahoma,arial";}*/
/*.date_s {color:#999; font-size:10px; font-family:NanumB,tahoma; font-style:normal;}*/

.empas_bk {color:#000; font-style:normal; font-weight:bold;}
.empas_bu {color:#0066cc; font-style:normal; font-weight:bold;}
.empas_og {color:#ff6600; font-style:normal; font-weight:bold;}
.empas_pp {color:#ae0c69; font-style:normal; font-weight:bold;}

.empas_pp {color:#ce276a; font-size:12px; font-style:normal; font-weight:bold;}
.empas_pp a, .empas_pp a:link, .empas_pp a:visited{color:#ce276a; font-size:12px; font-style:normal; text-decoration:none; font-weight:bold;}
.empas_pp a:hover, .empas_pp a:active{color:#ce276a; font-size:12px; font-style:normal; text-decoration:underline; font-weight:bold;}

.empas_og {color:#ff6600; font-size:12px; font-style:normal; font-weight:bold;}
.empas_og a, .empas_og a:link, .empas_og a:visited{color:#ff6600; font-size:12px; font-style:normal; text-decoration:none; font-weight:bold;}
.empas_og a:hover, .empas_og a:active{color:#ff6600; font-size:12px; font-style:normal; text-decoration:underline; font-weight:bold;}

.sepm {color:#ccc;letter-spacing:normal;}

.selbox_t {border:1px #999 solid;font-size:12px;color:#666;padding:4px 2px 3px 2px; height:27px;}
.searchbox_t {width:220px; border:1px #999 solid;font-size:14px;font-weight:bold;color:#de405d;padding:4px 10px 3px 10px; height:18px;}



.imgsrc {padding:1px 1px 1px 1px;border-color:#ccc;border-style:solid;border-width:1px;border-collapse:collapse;}
.imgfrm_s {padding:1px 1px 1px 1px;background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px;border-collapse:collapse;}
.imgfrm_b {float:left;position:relative;padding:3px 3px 3px 3px;background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px;border-collapse:collapse;}
.bdr{ border:1px #ddd solid;}
.bdr_area{ border:2px #eee solid; padding:5px 0 0 5px;}
.ranktop{padding:0 0 0 3px; background:url(https://img.piuri.net/rank/bg_rank_top.gif);}

.idf {font-size:12px;color:#663399;}
.idf a:link {font-size:12px;color:#663399;text-decoration:none;}
.idf a:visited {font-size:12px;color:#663399;text-decoration:none;}
.idf a:hover {font-size:12px;color:#663399;text-decoration:none;border-bottom:2px dotted #cc99ff;}
.idf a:active {font-size:12px;color:#999;text-decoration:none;border-bottom:2px dotted #999;}

.idr {font-size:12px;color:#0099cc;}
.idr a:link {font-size:12px;color:#0099cc;text-decoration:none;}
.idr a:visited {font-size:12px;color:#0099cc;text-decoration:none;}
.idr a:hover {font-size:12px;color:#0099cc;text-decoration:none;border-bottom:2px dotted #66ccff;}
.idr a:active {font-size:12px;color:#999;text-decoration:none;border-bottom:2px dotted #999;}

.m_wt {font-size:12px;color: #ffffff;}
.m_wt A:LINK {font-size:12px;text-decoration:none; color:#ffffff;}
.m_wt A:VISITED {font-size:12px; text-decoration:none; color:#ffffff;}
.m_wt A:HOVER {font-size: 12px; text-decoration:underline; color:#fff;}

.m_pp {font-size:12px;color:#dc2e63;}
.m_pp A:LINK {font-size:12px;text-decoration:none; color:#dc2e63;}
.m_pp A:VISITED {font-size:12px; text-decoration:none; color:#dc2e63;}
.m_pp A:HOVER {font-size: 12px; text-decoration:underline; color:#dc2e63;}

.m_bk {font-size:12px;color: #000;}
.m_bk A:LINK {font-size:12px;text-decoration:none; color:#000;}
.m_bk A:VISITED {font-size:12px; text-decoration:none; color:#000;}
.m_bk A:HOVER {font-size: 12px; text-decoration:underline; color:#000;}

.m_bn {font-size:12px;color:#796354;}
.m_bn A:LINK {font-size:12px;text-decoration:none; color:#796354;}
.m_bn A:VISITED {font-size:12px; text-decoration:none; color:#796354;}
.m_bn A:HOVER {font-size: 12px; text-decoration:none; color:#ff7800;}

.m_pk {font-size:12px;color:#e37498;}
.m_pk A:LINK {font-size:12px;text-decoration:none; color:#e37498;}
.m_pk A:VISITED {font-size:12px; text-decoration:none; color:#e37498;}
.m_pk A:HOVER {font-size: 12px; text-decoration:underline; color:#e37498;}

.m_bl {font-size:12px;color:#0099cc;}
.m_bl A:LINK {font-size:12px;text-decoration:none; color:#0099cc;}
.m_bl A:VISITED {font-size:12px; text-decoration:none; color:#0099cc;}
.m_bl A:HOVER {font-size: 12px; text-decoration:none; color:#ff7800;}

.m_gg {font-size:12px;color:#999;}
.m_gg A:LINK {font-size:12px;text-decoration:none; color:#999;}
.m_gg A:VISITED {font-size:12px; text-decoration:none; color:#999	;}
.m_gg A:HOVER {font-size: 12px; text-decoration:none; color:#cc0066;}

.ul_db {font-size:12px;text-decoration:underline; color: #0035b0;}
.ul_db A:LINK {font-size:12px;text-decoration:underline; color:#0035b0;}
.ul_db A:VISITED {font-size:12px; text-decoration:underline; color:#0035b0;}
.ul_db A:HOVER {font-size: 12px; text-decoration:underline; color:#0035b0;}

.head{font-size:20px;  text-decoration: none; line-height: 22px; letter-spacing: -1px;  font-weight: bold;}
.head a{font-size:20px;  text-decoration: none; line-height: 22px; letter-spacing: -1px;  font-weight: bold;}
.head a:visited {text-decoration:none;}
.head a:active {text-decoration:underline;}
.head a:hover {text-decoration:underline;}

.shelftitle {font-size: 18px; color: #0099cc; text-decoration: none; line-height: 22px; letter-spacing: -1px;  font-weight: bold;}
.shelftitle a{font-size:18px; color:#0099cc; text-decoration:none; line-height: 22px; letter-spacing:-1px;  font-weight: bold;}
.shelftitle a:visited {text-decoration:none; color:#0099cc}
.shelftitle a:active {text-decoration:underline; color:#0099cc}
.shelftitle a:hover {text-decoration:underline; color:#0099cc}

.stitle{font-size: 17px; color:#000;  text-decoration: none; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.stitle a{font-size: 17px; color:#000;  text-decoration: none; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.stitle a:visited {font-size:17px; color:#000;  text-decoration: none; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.stltie a:active {font-size:17px; color:#000;  text-decoration: none; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.stitle a:hover {font-size:17px; color:#000;  text-decoration: underline; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}

.stitle_lkp{font-size:15px; color:#e93e7e;  text-decoration:underline; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.stitle_lkp a{font-size:15px; color:#e93e7e;  text-decoration:underline; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.stitle_lkp a:visited {font-size:15px; color:#e93e7e;   text-decoration:underline; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.stltie_lkp a:active {font-size:15px; color:#e93e7e;  text-decoration:underline; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.stitle_lkp a:hover {font-size:15px; color:#e93e7e;  text-decoration:underline; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}

.booktitle {font-size: 16px; color: #000; text-decoration: none; line-height: 22px; letter-spacing: -1px;  font-weight: bold;}
.booktitle a{font-size:16px; color:#000; text-decoration:none; line-height: 22px; letter-spacing:-1px;  font-weight: bold;}
.booktitle a:visited {text-decoration:none; color:#0099cc}
.booktitle a:hover {text-decoration:underline; color:#0099cc}
.booktitle a:active {text-decoration:underline; color:#0099cc}

.title{font-size: 14px;  text-decoration: none; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.title a{font-size: 14px;  text-decoration: none; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.title a:visited {font-size: 14px;  text-decoration: none; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.tltie a:active {font-size: 14px;  text-decoration: none; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}
.title a:hover {font-size: 14px;  text-decoration: underline; line-height: 19px; letter-spacing: -1px;  font-weight: bold;}

.lk{font-size:12px; line-height:17px; text-decoration:underline;}
.lk a:link {font-size:12px; line-height:17px; text-decoration:underline;}
.lk a:visited {font-size:12px; line-height:17px; text-decoration:underline;}
.lk a:active {font-size:12px; line-height:17px; text-decoration:underline;}
.lk a:hover {font-size:12px; line-height:17px; text-decoration:underline;}

.indic{color: #999;font-size:12px;}
.indic A:link {color: #999;font-size:12px;}
.indic A:visited {color:#999;font-size:12px;}
.indic A:hover {color: #999;font-size:12px;text-decoration:underline;}
.indic A:active {color:#999;font-size:12px;text-decoration:underline;}

.small {color: #666;font-size:11px; line-height:15px; }
.small A:link {color: #666;font-size:11px; line-height:15px; }
.small A:visited {color:#666;font-size:11px; line-height:15px;}
.small A:hover {color: #666;font-size:11px;text-decoration:none; line-height:15px;}
.small A:active {color:#666;font-size:11px;text-decoration:none; line-height:15px;}

.smalln {color: #666;font-size: 11px;}
.smalln A:link {color: #666;font-size: 11px;}
.smalln A:visited {color:#666;font-size: 11px;}
.smalln A:active {color:#666;font-size: 11px;}
.smalln A:hover {color: #666;font-size: 11px;text-decoration:underline}

.smallm {color: #999;font-size: 11px; line-height:14px;}
.smallm A:link {color: #999;font-size: 11px;}
.smallm A:visited {color:#999;font-size: 11px;}
.smallm A:active {color:#0099cc;font-size: 11px;}
.smallm A:hover {color: #0099cc;font-size: 11px;text-decoration:none}

.smallp {color: #f3738b;font-size: 11px; line-height:14px;}
.smallp A:link {color: #f3738b;font-size: 11px; letter-spacing: -1px;}
.smallp A:visited {color:#f3738b;font-size: 11px; letter-spacing: -1px;}
.smallp A:active {color:#999;font-size: 11px; letter-spacing: -1px;}
.smallp A:hover {color: #999;font-size: 11px;text-decoration:none; letter-spacing: -1px;}


.smallb {color: #333;font-size: 11px;}
.smallb A:link {color: #333;font-size: 11px;}
.smallb A:visited {color:#333;font-size: 11px;}
.smallb A:active {color:#333;font-size: 11px;}
.smallb A:hover {color: #333;font-size: 11px;text-decoration:underline}

.small_e {color:#666666 ; font-size: 11px; line-height:14px; letter-spacing: -1px;}
.small_e A:active {color:#636363 ; font-size: 11px; letter-spacing: -1px;text-decoration:underline;}
.small_e A:link {color: #636363 ; font-size: 11px;}
.small_e A:visited {color:#636363 ; font-size: 11px;}
.small_e A:hover {color: #666666 ; font-size: 11px ;text-decoration:underline;}



.search_title {font-size:16px; font-weight:bold; color:#000; letter-spacing:-1px;}

.search_link {font-size:14px; font-weight:bold; color:#000099; text-decoration:underline;}
.search_link a:link {font-size:14px; font-weight:bold; color:#000099; text-decoration:underline;}
.search_link a:visited {font-size:14px; font-weight:bold; color:#990033; text-decoration:underline;}
.search_link a:hover {font-size:14px; font-weight:bold; color:#000099; text-decoration:underline;}

.search_link_n {font-size:14px; color:#000099; text-decoration:underline;}
.search_link_n a:link {font-size:14px; color:#000099; text-decoration:underline;}
.search_link_n a:visited {font-size:14px; color:#990033; text-decoration:underline;}
.search_link_n a:hover {font-size:14px; color:#000099; text-decoration:underline;}

.search_keyword {font-size:12px; color:#265cbe; font-weight:bold; text-decoration:none;}
.search_keyword a:link {font-size:14px; color:#265cbe; font-weight:bold; text-decoration:none;}
.search_keyword a:visited {font-size:14px; color:#265cbe; font-weight:bold; text-decoration:none;}
.search_keyword a:hover {font-size:14px; color:#265cbe; font-weight:bold; text-decoration:underline;}

.search_add {font-size:12px; color:#818fa8;}

.search_more {color:#0066CC;}
.search_more a:link {color:#0066CC; text-decoration:none;}
.search_more a:active {color:#0066CC; text-decoration:none;}
.search_more a:hover {color:#0066CC;text-decoration:underline;}
.search_result {border:1px solid #ccc;background-color:#fcfcfc; border-top-color:#fff;border-right-color:#fff;border-left-color:#fff; height:30px; text-align:left;}

 .div_00	{ padding-top:25px; }
 .div_01	{ padding-left:12px; padding-top:6px; padding-bottom:2px; }
 .div_02	{ padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; }
 .div_03	{ padding-left:10px; }

  /* 본문행간 */
.ht14	{ line-height:14px; }
.ht15	{ line-height:15px; }
.ht16	{ line-height:16px; }
.ht17	{ line-height:17px; }
.ht18	{ line-height:18px; }
.ht19	{ line-height:19px; }
.ht20	{ line-height:20px; }
.ht22	{ line-height:22px; }
.ht24	{ line-height:24px; }
.ht26	{ line-height:26px; }
.t_lh_01 { line-height:30px;}



/* SELECT BOX STYLE */
.sbox {border-top-color:#ddd;border-right-color:#ddd;border-bottom-color:#ddd;border-left-color:#ddd;border-style:solid;border-width:1px;border-collapse:collapse;}
.chbox {border-top-color:#fff;border-right-color:#fff;border-bottom-color:#fff;border-left-color:#fff;border-style:solid;border-width:1px;border-collapse:collapse;}

/* PARAGRAPH POSITION(LEFT MARGIN) */
.pp10 {margin:10px;}
.pp15 {margin:15px;}
.pp20 {margin:20px;}
.pp30 {margin:30px;}
/* Form Elements - selectmenu*/
.menuform{border:1px #CCCCCC solid;  BACKGROUND-COLOR: #B0B0B0;COLOR: #FFFFFF;FONT: 9pt 굴림}
.linein  { background-color:#FFE5C3; }
.line    { background-color:#888888; }


/* INPUT STYLE - TEXT(FIELD) - TOP_SEARCH*/
.f_sc {
		border:solid 1px;
		BORDER-TOP-COLOR:#999999; 
		BORDER-RIGHT-COLOR:#cccccc; 
		BORDER-BOTTOM-COLOR:#cccccc;
		BORDER-LEFT-COLOR:#999999;
		BACKGROUND-COLOR:#ffffff;

		FONT-SIZE:12px;
		color:#000000;
		line-height:19px;
		padding-left:5px;   /* PADDING -> 5pixel more space need in table */
		min-height:19px;
		}

.f_bold1 {
		
		border:2px;
		BORDER-TOP-COLOR:#999999; 
		BORDER-TOP-COLOR:#999999; 
		BORDER-TOP-COLOR:#999999; 
		BORDER-LEFT-COLOR:#999999;
		BACKGROUND-COLOR:#ffffff;
		}

.f_bold2 {
		border:solid 3px;
		BORDER-TOP-COLOR:#43bfd9; 
		BORDER-TOP-COLOR:#43bfd9; 
		BORDER-TOP-COLOR:#43bfd9; 
		BORDER-LEFT-COLOR:#43bfd9;
		BACKGROUND-COLOR:#ffffff;
		}

/* INPUT STYLE - TEXT(FIELD) - FLAT_LIGHT BLUE */
.f_lb {
		border:solid 1px;
		BORDER-TOP-COLOR:#a7d2e0; 
		BORDER-RIGHT-COLOR:#a7d2e0; 
		BORDER-BOTTOM-COLOR:#a7d2e0;
		BORDER-LEFT-COLOR:#a7d2e0;
		BACKGROUND-COLOR:#deedf5;

		FONT-SIZE:12px;
		color:#000000;
		line-height:19px;

		padding-left:5px;   /* PADDING -> 5pixel more space need in table */
		}


.f_pk {
		border:solid 1px;
		BORDER-TOP-COLOR:#ba80ad; 
		BORDER-RIGHT-COLOR:#e3c1dc; 
		BORDER-BOTTOM-COLOR:#e3c1dc;
		BORDER-LEFT-COLOR:#ba80ad;
		BACKGROUND-COLOR:#f7e7f4;

		FONT-SIZE:12px;
		color:#000000;
		line-height:19px;
		
		padding-left:5px;   /* PADDING -> 5pixel more space need in table */
		}

/* INPUT STYLE - TEXT(FIELD) - FLAT_IVORY */
.f_iy {
		border:solid 1px;
		BORDER-TOP-COLOR:#dedfc7; 
		BORDER-RIGHT-COLOR:#dedfc7; 
		BORDER-BOTTOM-COLOR:#dedfc7;
		BORDER-LEFT-COLOR:#dedfc7;
		BACKGROUND-COLOR:#fffff1;
		

		FONT-SIZE:12px;
		color:#000000;
		line-height:19px;
		padding-left:5px;   /* PADDING -> 5pixel more space need in table */
		}

/* INPUT STYLE - TEXT(FIELD) - FLAT_WHITE */
.f_wt {
		border:solid 1px;
		BORDER-TOP-COLOR:#d5d5d5; 
		BORDER-RIGHT-COLOR:#d5d5d5; 
		BORDER-BOTTOM-COLOR:#d5d5d5;
		BORDER-LEFT-COLOR:#d5d5d5;
		BACKGROUND-COLOR:#ffffff;
		FONT-SIZE:12px;
		color:#000000;
		line-height:19px;

		padding-left:5px;   /* PADDING -> 5pixel more space need in table */
		}

/* INPUT STYLE - TEXT(FIELD) - FLAT_DARK BLUE */
.f_db {
		border:solid 0px;
		BACKGROUND-COLOR:#358ebc;

		FONT-SIZE:12px;
		color:#ffffff;
		padding-left:5px;   /* PADDING -> 5pixel more space need in table */
		}


/* INPUT STYLE - TEXT(FIELD) - SMALL */
.f_sl {
		border:solid 1px;
		BORDER-TOP-COLOR:#c9d0e1; 
		BORDER-RIGHT-COLOR:#f4fbff; 
		BORDER-BOTTOM-COLOR:#f4fbff;
		BORDER-LEFT-COLOR:#c9d0e1;
		BACKGROUND-COLOR:#eef4f7;

		FONT-SIZE:10px;
		
		color:#000000;
		line-height:14px;

		padding-left:3px;   /* PADDING -> 5pixel more space need in table */
		}


.f_ul {
	border-style:none;
	border-bottom:solid 1px #999999;
	border-collapse:collapse;
}

/* INPUT STYLE - TEXT(FIELD) - DISABLE */
.f_da {
		border:solid 1px;
		BORDER-TOP-COLOR:#cccccc; 
		BORDER-RIGHT-COLOR:#cccccc; 
		BORDER-BOTTOM-COLOR:#cccccc;
		BORDER-LEFT-COLOR:#cccccc;
		BACKGROUND-COLOR:#e9e9e9;

		FONT-SIZE:12px;
		
		color:#000000;
		line-height:19px;

		padding-left:5px;   /* PADDING -> 5pixel more space need in table */
		}



/* margin */

.top_10{margin-top:10px;}
.bottom_20{margin-bottom:20px;}
.m_b_20{margin-bottom:15px;}

/* 공지사항 */
#notice_view p, #notice_view dd{line-height:20px;}
.notice_list{margin-bottom:50px;}
.notice_list dt{margin-top:40px; margin-bottom:0; font:bold 16px/0.9 Dotum, sans-serif; color:#fb003c; letter-spacing:-0.7px;}
.notice_list dd{margin-top:15px; margin-bottom:20px; font:normal 12px dotum; letter-spacing:-0.7px;}
.point_title{color:#0a37b4; font:bold 14px dotum;}
.point_black{color:#000 ; font-weight:bold;}
.point_under{text-decoration:underline;}
.point_blue{color:#8b04ee;}



.sub_menu{margin:0 0 20px; padding:12px 0px 8px; background:#f5f5f5 url('https://img.piuri.com/common/sephor11.gif') repeat-x 0 -5px;}
.sub_menu li{display:inline; height:16px; padding:0 15px 0 15px; background: url("https://img.piuri.com/2012/subtab_left_bg.gif") no-repeat scroll 0 0 transparent;}
.sub_menu .tip{height:18px; padding:0 20px 3px; border-right:0px; font-size:11px; color:#666; background:url('https://img.piuri.com/common/fore_text.gif') no-repeat 13px 5px;}


/* 결과 내 검색 */
.input_txt {border-color: #a3a3a3 #DFE0E1 #DFE0E1 #a3a3a3; border-style: solid; border-width: 1px; color: #565960; font-family: dotum,'돋움',dotum; font-size: 11px; padding: 3px 0 1px 3px;
    font-size: 11px;    height: 15px;   line-height: 17px;  margin-right: -1px;  background:#fffecb;}
.input_sel{padding:1px; vertical-align:top;}

/* 메인 배너 */
.m_bn{margin-right:5px;}

.c_bn_area{text-align:left; width:805px; right:0;}
.c_btn_flatrate{position:absolute; top:157px; right:80px; width:160px; text-align:right;}
.n_btn_flatrate{position:absolute; top:45px; right:77px; width:160px; text-align:right;}

/* 16년도 메인 변경 */

.review_list_w{width:100%; clear:both; margin:35px 0 0 20px}
.review_list_w li{margin:0 14px 10px 0; width:140px; float:left; position:relative; border:1px solid #e7e7e7;}
.review_list_w li a{display:block; background:#f6f6f6; padding:10px;}
.review_list_w li a:hover {opacity:0.8; text-decoration:none; }
.review_book_title{font-size: 14px; line-height:18px; color:#000;}
.review_author_m{font-size: 11px; margin-top:2px; color:#999;}
.review_text{font-size:12px; margin-top:5px; height:119px; overflow:hidden;}
.review_list_w .score {
    color: #ff9827;
    font-size: 11px;
    margin-bottom: 3px;
    width: 100px;
}

.book_list_w{width:100%; clear:both;}
.book_list_w li{margin:0 24px 20px 0; width:105px; float:left; position:relative;}
.book_list_w li.none{margin:50px 0; width:100%; text-align:center;}
.book_list_w li div img{border:1px solid #bcbcbc;}
.book_list_w .book_title {
    color: #000;
    font-size: 13px;
    margin: 6px 0 2px;
    overflow: hidden;
}
.book_list_w .author_m {
    color: #666;
    font-size: 12px;
    line-height: 17px;
}
.book_list_w .pub_m {
    color: #999;
    font-size: 12px;
    line-height: 17px;
}
.book_list_w .score {
    color: #ff9827;
    font-size: 11px;
    margin-bottom: 3px;
    width: 100px;
}
.score img{vertical-align:middle;}
.main_newbook .book_list_w, .main_bestseller .book_list_w, .main_besteva2 .book_list_w, .main_mybook .book_list_w{margin:35px 0 0 18px}
.main_newbook .book_list_w li, .main_bestseller .book_list_w li, .main_besteva2 .book_list_w li, .main_mybook .book_list_w li{margin-right:28.7px}


.book_list_w_ebook{width:100%; clear:both;}
.book_list_w_ebook li{margin:0 15px 15px 0; width:105px; float:left; position:relative;}
.book_list_w_ebook li.none{margin:50px 0; width:100%; text-align:center;}
.book_list_w_ebook li div img{border:1px solid #bcbcbc;}
.book_list_w_ebook .book_title {
    color: #000;
    font-size: 13px;
    margin: 6px 0 2px;
    overflow: hidden;
}
.book_list_w_ebook .author_m {
    color: #666;
    font-size: 12px;
    line-height: 17px;
}
.book_list_w_ebook .pub_m {
    color: #999;
    font-size: 12px;
    line-height: 17px;
}
.book_list_w_ebook .score {
    color: #ff9827;
    font-size: 11px;
		margin-top: 5px;
    margin-bottom: 3px;
    width: 100px;
}
.score img{vertical-align:middle;}
.main_newbook .book_list_w_ebook, .main_bestseller .book_list_w_ebook, .main_besteva2 .book_list_w_ebook, .main_mybook .book_list_w_ebook{margin:35px 0 0 18px}
.main_newbook .book_list_w_ebook li, .main_bestseller .book_list_w_ebook li, .main_besteva2 .book_list_w_ebook li, .main_mybook .book_list_w_ebook li{margin-right:28.7px}



.select_box_b {
    background-color: #fff;
    border: 1px solid #b1b1b1;
    color: #666;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    padding: 4px 6px;
    vertical-align: middle;
}

.text_b {
    background-color: #fff;
    border: 1px solid #b1b1b1;
    color: #666;
    font-size: 15px;
    height: 24px;
    line-height: 24px;
    padding: 3px 5px 3px 5px;
}


a.btn_input {
    background:#8a8a8a;
    border: 1px solid #747474;
    box-sizing: border-box;
    color: #fefefe !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 32px;
    line-height: 30px;
    margin-right: 4px;
    text-align: center;
    width: 50px;
}

/* 탭 , 메뉴 */
.m_tab_menu{background: url("https://img.piuri.com/2012/main_tab_bg.png") repeat-x scroll 0 0 transparent; vertical-align:top; margin-bottom:10px; clear:both; overflow:hidden; text-align:left; height:32px;}
.m_tab_menu a:hover{text-decoration:none; color:#000;}
.m_tab_menu h4, .m_s_tab_menu h4{display:inline-block;}
.m_title_on{color:#666; background:#fff; height:19px; padding:7px 0 5px 0; text-indent:18px;font-style:normal; font-weight:bold; cursor:pointer; border:1px solid #ccc; margin-bottom:10px;}
.m_title{width:380px; padding-left:20px; margin-right:100px; float:left; font-size:16px; color:#000;}
.m_title_point{width:700px; padding-left:20px; margin-right:100px; float:left; font-size:16px; color:#c22900;}

.m_title2{height:16px; float:left; background: url("https://img.piuri.com/2012/tab_left_bg.gif") no-repeat scroll 0 2px transparent;}
/*.m_title2{height:16px; float:left; background: url("https://img.piuri.com/2012/tab_left_bg.gif") no-repeat scroll 0 2px transparent;}*/
.m_title2 a{height:14px; padding:0 10px 0 15px;font-style:normal; font-weight:bold; cursor:pointer;}
.m_title2 a:link{font-style:normal; text-decoration:none; font-weight:bold;}
.m_title2 a:visited{font-style:normal; text-decoration:none; font-weight:bold;}
.m_title2 a:hover{color:#E73100;font-style:normal; text-decoration:none; font-weight:bold;}
.m_title2 a:active{color:#E73100;font-style:normal; text-decoration:none; font-weight:bold;}
.m_title2_on{color:#E73100;}


.m_title3{height:16px; float:right; background: url("https://img.piuri.com/2012/tab_left_bg.gif") no-repeat scroll 0 2px transparent;}
/*.m_title3{height:16px; float:left; background: url("https://img.piuri.com/2012/tab_left_bg.gif") no-repeat scroll 0 2px transparent;}*/
.m_title3 a{height:14px; padding:0 10px 0 15px;font-style:normal; font-weight:bold; cursor:pointer;}
.m_title3 a:link{font-style:normal; text-decoration:none; font-weight:bold;}
.m_title3 a:visited{font-style:normal; text-decoration:none; font-weight:bold;}
.m_title3 a:hover{color:#E73100;font-style:normal; text-decoration:none; font-weight:bold;}
.m_title3 a:active{color:#E73100;font-style:normal; text-decoration:none; font-weight:bold;}
.m_title3_on{color:#E73100;}


/* 오른쪽 레이어 */
.right_layer {display:none;position:absolute;right:0;top:0;float:left;background:url(https://img.piuri.net/2013/right_layer_bg.png) -2px 0px repeat-y; width:100px; padding:0px 8px 0px 15px; z-index:99999; text-align:center;}
.right_layer_best{width:100px; margin-bottom:0px; padding-top:25px;}
.right_layer_best dt{font-family:"NanumB,돋움,dotum,tahoma,arial";  border-bottom:1px dotted #b2b2b2; padding:0 0 10px; margin:0 10px 0; color:#000;}
.right_layer_best dd{padding:10px 6px 0; word-wrap:break-word;}
.right_layer_best dd p{margin-top:2px;}
.right_layer_today_book{width:100px; margin-bottom:0px; padding-top:25px;}
.right_layer_today_book dt{font-family:"NanumB,돋움,dotum,tahoma,arial"; border-bottom:1px dotted #b2b2b2; padding:0 0 10px; margin:0 10px 10px; color:#000;}
.right_layer_today_book dd{padding:2px 6px 8px; word-wrap:break-word; position:relative;}
.right_layer_today_book dd p{margin-top:2px;}
.right_layer_today_book dd a.btn_del{position:absolute; top:4px; right:13px; padding:0px; background:#none;}

.right_layer_today_novel{width:100px; margin-bottom:10px; padding-top:25px;}
.right_layer_today_novel dt{font-family:"NanumB,돋움,dotum,tahoma,arial"; border-bottom:1px dotted #b2b2b2; padding:10px 0; margin:0 5px 10px; color:#000;}
.right_layer_today_novel dd{margin-top:10px; word-wrap:break-word; position:relative;}
.right_layer_today_novel dd a{ display:block; padding:5px 14px 5px 6px; background:#f3f3f3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.right_layer_today_novel dd a:hover {text-decoration: none;}
.right_layer_today_novel dd p{text-align:center; margin-top:0px; font-size:11px; }
.right_layer_today_novel dd a.btn_del{position:absolute; top:6px; right:3px; padding:0px; background:#none;}



/* 오른쪽 레이어 151112
.right_layer {display:none;position:absolute;right:0;top:0;float:left;background:url(https://img.piuri.net/2013/right_layer_bg.png) -2px 0px repeat-y; width:100px; padding:0px 8px 0px 15px; z-index:99999; text-align:center;}
.right_layer_best{width:100px; margin-bottom:0px; padding-top:25px;}
.right_layer_best dt{font-family:"NanumB,돋움,dotum,tahoma,arial";  border-bottom:1px dotted #b2b2b2; padding:0 0 10px; margin:0 10px 0; color:#000;}
.right_layer_best dd{padding:10px 6px 0; word-wrap:break-word;}
.right_layer_best dd p{margin-top:2px;}
.right_layer_today_book{width:100px; margin-bottom:0px; padding-top:25px;}
.right_layer_today_book dt{font-family:"NanumB,돋움,dotum,tahoma,arial"; border-bottom:1px dotted #b2b2b2; padding:0 0 10px; margin:0 10px 10px; color:#000;}
.right_layer_today_book dd{padding:2px 6px 8px; word-wrap:break-word; position:relative;}
.right_layer_today_book dd p{margin-top:2px;}
.right_layer_today_book dd a.btn_del{position:absolute; top:4px; right:13px; padding:0px; background:#none;}

.right_layer_today_novel{width:100px; margin-bottom:10px; padding-top:25px;}
.right_layer_today_novel dt{font-family:"NanumB,돋움,dotum,tahoma,arial"; border-bottom:1px dotted #b2b2b2; padding:10px 0; margin:0 5px 10px; color:#000;}
.right_layer_today_novel dd{margin-top:10px; word-wrap:break-word; position:relative;}
.right_layer_today_novel dd a{ display:block; padding:5px 14px 5px 6px; background:#f3f3f3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.right_layer_today_novel dd a:hover {text-decoration: none;}
.right_layer_today_novel dd p{text-align:center; margin-top:0px; font-size:11px; }
.right_layer_today_novel dd a.btn_del{position:absolute; top:6px; right:3px; padding:0px; background:#none;}
*/

/* 게시판  페이징 */
.paging {display:block; position:relative; clear:both; width:100%; margin:5px 0px 5px 0px; padding:10px 0px; text-align:center;}
.paging a{min-width:15px; display:inline-block; color:#333; border:1px solid #fff; padding:5px 5px 5px 5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; vertical-align:bottom; letter-spacing:0px; margin:0 1px;}
.paging a:hover{color:#333; background:#fff; text-decoration:none;  border:1px solid #d4d4d4; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.paging .on{color:#E73100 !important; border:1px solid #d4d4d4; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-weight:bold; text-align:center;}
.paging a.on, .paging a:hover.on {color:#E73100 !important; border:1px solid #d4d4d4; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-decoration:none;}
.paging .pre, .paging .pre2, .paging .next, .paging .next2{width:15px; height:20px; display:inline-block; color:#bababa; border:1px solid #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; 
padding:6px 5px 3px 5px; vertical-align:bottom; letter-spacing:0px; line-height:100px; overflow:hidden;}
.paging .pre{margin-right:12px; background:url('https://img.piuri.com/2012/icon_pre.gif') no-repeat 10px 10px !important;}
.paging .next{margin-left:12px; background:url('https://img.piuri.com/2012/icon_next.gif') no-repeat 10px 10px !important;}
.paging .pre2{margin-right:0px; background:url('https://img.piuri.com/2012/icon_pre2.gif') no-repeat 8px 10px !important;}
.paging .next2{margin-left:0px; background:url('https://img.piuri.com/2012/icon_next2.gif') no-repeat 8px 10px !important;}
.paging .pre_{margin-right:12px; background:url('https://img.piuri.com/2012/icon_pre.gif') no-repeat 10px 10px !important;}
.paging .pre_2{margin-right:0px; background:url('https://img.piuri.com/2012/icon_pre2.gif') no-repeat 8px 10px !important;}


/* 작가 전체 리스트 */
a.authorlist{border:1px solid #d4d4d4; display:block; padding:5px 5px; margin:5px 10px 0; text-align:center; letter-spacing:0;}
a:hover.authorlist {text-decoration:none; background:#f7f7f7;}



/* 크롬 설치 이미지*/
#div_installframe img{vertical-align:top;}


/* search area*/
.positon_standard{position:relative;}
.search_title3{font-size:}



/* pop */
#mask, #mask2, #mask3{position:absolute;  z-index:9999;  background-color:#000;  display:none; left:0; top:0;}
.window, .window2, .window3{ display:none; position:absolute; z-index:10000; width:100%; top:170px;left:0px;}
a.close_nemo, a.close, a.close_nemo_url{display:block !important; height:15px; line-height:15px; text-align:right; background:#464646; cursor:pointer; color:#fff;}

.pop_area{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; display:none; font-size:14px; border:10px solid #ed4113; width:500px; background:#fff; text-align:left; margin:0 auto; line-height:22px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -webkit-box-shadow: 0 1px 2 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 2 rgba(0,0,0,0.3); box-shadow: 0 3px 2px rgba(0,0,0,0.8);}
.pop_area h2{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; display:inline-block; font-size:20px; margin-bottom:30px; color:#26b597; line-height:22px;}
.pop_area a, .pop_area a:link, .pop_area a:visited, .pop_area a:hover{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; display:inline-block; padding:13px;  font-size:14px; }
.pop_area a.gnb_point{font-family:"NanumB,돋움,dotum,tahoma,arial"; letter-spacing:0px; color:#f9fc00;}
.pop_f_point{color:#ff6174}
.pop_f_tip{font-size:11px; color:#999;}


/* 새창 팝업 pop */
.new_window_pop{border:10px solid #ed4113;}
a.close, a.close_nemo_url{display:block !important; height:15px; line-height:15px; text-align:right; background:#464646; cursor:pointer; color:#fff; }

.new_pop_area{font-family:돋움,dotum,tahoma,arial; letter-spacing:0px; font-size:14px; background:#fff; text-align:left; margin:0 auto; line-height:22px;}
.new_pop_area h2{font-family:돋움,dotum,tahoma,arial; letter-spacing:0px; display:inline-block; font-size:20px; margin-bottom:30px; color:#26b597; line-height:22px; font-weight:bold;}
.new_pop_area a, .new_pop_area a:link, .new_pop_area a:visited, .new_pop_area a:hover{font-family:돋움,dotum,tahoma,arial; letter-spacing:0px; display:inline-block; padding:13px;  font-size:14px; }
.new_pop_area a.gnb_point{font-family:N돋움,dotum,tahoma,arial; letter-spacing:0px; color:#f9fc00;}
.new_pop_f_point{color:#ff6174}
.new_pop_f_tip{font-size:11px; color:#999;}


/* 팝업 */
.piuri_popup{margin-bottom:20px;}


/* 팝업 - 도로명 주소*/
.popup_info_type {overflow:hidden;border:1px solid #b2b2b2;border-top:0 none;background-color:#fff}
.popup_info_type .popup_head {overflow:hidden;height:18px;padding:11px 0 9px 17px;background-color:#4060eb; text-align:left;}
.popup_info_type .tit_popup {float:left;width:141px;height:15px;background-position:0 0}

.popup_info_type4 {border:0 none}
.popup_info_type4 .tit_post {display:inline-block;overflow:hidden;background:url(https://secure.piuri.com/sub/renewal/member/images/title_adress.png) no-repeat;font-size:0;line-height:0;vertical-align:top; text-indent:-9999px; width:54px; height:17px; text-align:left; margin:0;}
.popup_info_type4 .fc_blue {font-weight:bold;color:#275ed4}
.popup_info_type4 .search_tip {width:555px;margin:0 auto 0;padding:0px 5px 5px 5px}
.popup_info_type4 .search_tip .tit_address {display:block;font-weight:bold;color:#444}
.popup_info_type4 .search_tip .txt_g {color:#888}
.popup_info_type4 .search_tip .txt_hint {color:#444;font-size:12px}
.popup_info_type4 .txt_addtip {display:block}
.popup_info_type4 .search_tip .list_tip {overflow:hidden;width:578px;margin-top:8px; padding:0;}
.popup_info_type4 .list_tip li {margin:4px 0; letter-spacing:-1px}
.popup_info_type4 .list_tip .text_block{display:inline-block; width:250px;}
.popup_info_type4 .list_tip .fst {margin-top:0px}
.popup_info_type4 .txt_addtip .link_address {color:#275ed4}

.popup_info_type4 .search_address .inner_g {width:555px; margin:0 auto;padding:25px 24px 10px}
.popup_info_type4 .search_address .tit_address {font-weight:normal;color:#444;letter-spacing:-1px}
.popup_info_type4 .emph_g {font-weight:bold;color:#000}
.popup_info_type4 .emph_c {font-weight:bold;color:#666}
.popup_info_type4 .search_address .fld_address {margin:10px 0; border:1px solid #ddd; padding:15px; line-height:25px;}
.popup_info_type4 .fld_address .tf_info {display:inline-block;width:473px;height:23px;margin:0;padding:2px 8px;line-height:24px;border:1px solid #cbcbcb;letter-spacing:0;vertical-align:top;color:#777;background:url(https://user.daum.net/sslicon/userinfo2013/tf_address.gif) no-repeat 0 0}
.popup_info_type4 .fld_address .tf_on {border-color:#6783e6;font-weight:bold;color:#000;letter-spacing:-1px;background:none}
.popup_info_type4 .fld_address .btn_search {display:inline-block;overflow:hidden;background:url(https://secure.piuri.com/sub/renewal/member/images/btn_adress.gif) no-repeat;font-size:0;line-height:0;vertical-align:top; text-indent:-9999px; width:61px; height:22px;border:0 none; cursor:pointer}
.popup_info_type4 .fld_address td{padding:2px 0;}
.popup_info_type4 .result_address {width:555px; margin:15px auto ;padding:0 24px 0 24px}
.popup_info_type4 .result_address .txt_address {font-size:11px;letter-spacing:-1px}
.popup_info_type4 .scroll_g {overflow-x:hidden;overflow-y:scroll}
.popup_info_type4 .bg_tbl_head {overflow:hidden;width:555px;height:240px;padding-top:30px;margin-top:8px;border-bottom:1px solid #dcdcdc; background:url(https://user.daum.net/sslicon/userinfo2013/tbl_address.gif) no-repeat 0 0}
.popup_info_type4 .tbl_body {width:555px;height:240px;border-top:1px solid #dcdcdc}
.popup_info_type4 thead .tit_tbl {padding:9px 0 7px 10px;background:#f8f7f7;font-weight:normal;color:#454545}
.popup_info_type4 .tit_street {height:16px;padding:8px 0 0 6px}
.popup_info_type4 .tit_lotnum {height:14px;padding:2px 0 12px 6px;border-bottom:1px solid #dcdcdc}
.popup_info_type4 .tbl_comm{width:100%}
.popup_info_type4 .tbl_comm .cont_address {padding:10px 0 10px 11px;border-bottom:1px solid #dcdcdc;line-height:19px; font-weight:normal;}
.popup_info_type4 .tbl_comm .cont_code {border-bottom:1px solid #dcdcdc;border-left:1px solid #eee;color:#000;text-align:center; padding:10px; font-weight:normal;}
.popup_info_type4 .info_street .link_g {color:#000}
.popup_info_type4 .info_lotnum .link_g {color:#777}
.popup_info_type4 .tbl_comm .link_g:hover {color:#275ed4}
.popup_info_type4 .box_error {padding:30px 0 5px 0;text-align:center}
.popup_info_type4 .box_error .ico_error {width:48px;height:48px;margin-right:14px;background-position:0 -40px}
.popup_info_type4 .box_error .tit_g {display:inline-block;padding-top:6px;font-size:14px;color:#4a5069;letter-spacing:-1px;text-align:left}
.popup_info_type4 .box_error .list_info {width:470px;margin-top:22px;padding-left:0;border-top:1px solid #e6e6e6}
.popup_info_type4 .box_error .list_info li {margin-top:4px;letter-spacing:-1px;padding-left:80px;background:none;}
.popup_info_type4 .box_error .list_info .txt_g {color:#888}
.popup_info_type4 .box_error .txt_hint {color:#444;font-size:12px}
.popup_info_type4 .opt_address {display:block;width:332px;height:18px;margin-top:8px;border:1px solid #abadb3;color:#444} /* 수정 2013-04-12 select 선택시 class 를 조정하면 select 가 닫혀버리는 버그가 있어서 그냥 444로 수정 */
.popup_info_type4 .opt_on {color:#444}
.screen_hide {font-size:0;line-height:0;visibility:hidden}
.popup_info_type4 .selbox {border: 1px solid #C9C9C9; color: #777777; font-size: 12px; height: 20px; line-height: 20px;}
.popup_info_type4 .address_confirm{width:555px;margin:0 auto 0;padding:5px 5px 15px 5px; text-align:center;}
.popup_info_type4 input {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #999999 #CCCCCC #CCCCCC #999999; border-image: none; border-style: solid; border-width: 1px;}

/* 약관 */
h4.agreement_title{display:block; text-align:center; padding:20px; font-size:1.8em; font-weight:bold; letter-spacing:-0.1em; color:#000;}
dl.agreement{margin:-30px 10px 20px;}
dl.agreement dt{margin:50px 0 0 0;font-size:1.2em; font-weight:bold; color:#000;}
dl.agreement dd{margin:20px 0 0 0; color:#333;}
ul.agreement_info{margin-top:15px;}
ul.agreement_info li{margin:5px 0 0 10px;}
a.btn_agreement_before{border:1px #999 solid; margin:10px 0 0 0; display:inline-block; background-color:#f6f6f6; text-align:center; padding:15px 30px; font-size:12px; font-family:dotum;} 
a.btn_agreement_before:link, visited, active{color:#333; text-decoration:none;}
a.btn_agreement_before:hover{color:#ff2131; text-decoration:none;}
.f_point{font-weight:bold; color:#333;}


/* 아이템 별점 */
.grade_star_list {position:absolute; z-index:10000; left:182px; top:105px; background: url("https://img.piuri.com/2012/grade_star_bg.gif") no-repeat scroll 65px 4px transparent;color: #444;cursor: pointer;display: inline-block; font-family:"NanumB,돋움,dotum,tahoma,arial";letter-spacing: -1px; text-align: left; padding:0 10px; height:22px; line-height:22px; width: 65px; border:1px solid #ccc; }
.grade_star {position:absolute; z-index:10000; left:182px; top:128px; width:150px; border-top:1px solid #ccc; opacity:0.9; filter:alpha(opacity=90); text-align:left;}
.grade_star li {height:22px; line-height:22px; color:#444; padding:0 10px; border:1px solid #ccc; border-top:0px; background:#FFF; cursor:pointer; font-family:"NanumB,돋움,dotum,tahoma,arial"; margin-bottom:0px;}
.grade_star li:hover {color:#000; background:#f3f3f3;}
.grade_star li img{vertical-align:middle;}



/* 전자책 메인 아이콘 관련 변경 */

.main_newbook .book_list_w li{overflow:visible !important;}
.main_bestseller .book_list_w li{overflow:visible !important;}
.main_besteva .book_list_w_s li{overflow:visible !important;}
.main_recommend .book_list_w_s li{overflow:visible !important;}




/* 책 표지 */


.image_side img{
    height: 100%;
    image-rendering: -moz-crisp-edges;
    position: absolute;
	top:0; right:0;
    width: 4px;
	padding:0 0;
}

.image_side2 img{
    height: 100%;
    image-rendering: -moz-crisp-edges;
    position: absolute;
	top:0; right:0;
    width: 6px;
	padding:0 0;
}

.image_lighting img{
    height: 100%;
    image-rendering: -moz-crisp-edges;
    position: absolute;
	top:0; left:0;
    width: 20px;
	padding:0 0;
	z-index:10;
}


.book_cover{
	padding:0;
  display: block;
  position: relative;
	text-align:left;
	overflow:hidden;
	box-shadow:3px 3px 1px 0 rgba(0, 0, 0, 0.06);
}


.book_cover img{vertical-align:top;}

.imgfrm_b2{border:1px solid #c3c3c3; }

.imgfrm_b3{border:1px solid #c3c3c3; }

.w_104{width:104px;}
.w_90{width:90px;}
.w_94{width:94px;}
.w_96{width:96px;}
.w_84{width:84px;}
.w_124{width:124px;}
.w_119{width:119px;}
.w_110{width:110px;}
.w_115{width:115px;}
.w_93{width:93px;}

.book_icon{position:absolute;left:0px;top:0px; z-index:100}

.m_auto{margin:0 auto 5px;}


/* 15.02.01 추가*/
.right_area{float:right; width:790px;}
.category_basic{text-align:left; padding:6px 0 8px; margin-bottom:15px; border-bottom:1px #333 solid; margin-left:8px}
.item_share{position:absolute; top:10px; right:0px; text-align:right;}
.bookinfo_area{clear:both; overflow:hidden; position:relative; margin-top:20px;}
.bookinfo{float:right; position:relative; margin-bottom:3px; width:570px; margin-right:10px;}
.item_bookcover{float:left; margin-left:10px; width:179px; text-align:center;}



.series{margin-top:20px; margin-bottom:20px; overflow:hidden;}
.series a{display:block; float:left; margin:0 5px 5px 0; border:1px solid #ddd; border-radius: 2px; padding:7px 0; width:45px; text-align:center; font-size: 11px;}
.series a:hover{background:#eee; text-decoration:none;}
.series a.on{background:#eee; font-weight:bold; color:#000;}

.rentalrate_info_area{margin-bottom:20px; }
.rentalrate_info{border-top: 2px solid #666; width:100%; position:relative;}
.rentalrate_info th{background: none repeat scroll 0 0 #f6f6f6;
    border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    color: #333;
    text-align: center;
    width: 110px;
	font-weight:normal;
	}
.rentalrate_info th.sub_th{
	background:#fff;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
    color: #333;
    text-align: center;
    width: 100px;
	font-weight:normal;}
.rentalrate_info td{
	border-bottom: 1px solid #ccc;
    text-align:left;
	color: #a3a3a3;
	height:50px; line-height:50px;
	z-index:1;}
.rentalrate_info td strong{font-weight:normal; color: #ff3202;}
a.btn_tip{
	background:#ccc;
    display: block;
    position:absolute;
    padding:3px;
    text-align: center;
    width: 12px;
	height: 12px;
	line-height: 10px;
    font:11px;
    letter-spacing: 0;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
}
a:hover.btn_tip{text-decoration:none; background:#999;}

.rentalrate_tip{
width:200px;
position:absolute;
border:2px solid #999;
background:#fff;
padding:8px;
z-index: 9999; line-height:18px; text-align:left;}
.rentalrate_tip dt{color:#00259c; font-weight:bold; margin-bottom:5px;}
.rentalrate_tip dd{color:#262e60;}


.event_info{margin:20px 0;}
.event_info li{clear:both; overflow:hidden; margin-bottom:10px;}
.event_info .event_tag {float:left; width:50px; vertical-align: middle;  border-radius:2px; color: #fff; background:#ef685a; display: block; font-size: 11px; height: 36px; line-height: 36px; text-align:center; font-weight:bold;}
.event_info .item_event_title{
	float:left; width:450px;
    color: #000;
    display: block;
    font-size: 13px;
    letter-spacing: -0.03em;
    line-height: 1.1em;
    overflow: hidden;
    padding-left:5px;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
	height: 18px; line-height: 18px;
}
.event_info .item_event_date{
	float:left; width:450px;
    color: #ef685a;
    display: block;
    font-size: 11px;
    letter-spacing: -0.03em;
    line-height: 1.1em;
    overflow: hidden;
    padding-left:5px;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
	height: 18px; line-height: 18px;
}

.event_graphic{margin:40px 0 0; clear:both; overflow:hidden;}
.event_graphic dt{clear:both; overflow:hidden; margin-bottom:10px;}
.event_graphic .event_tag {float:left; width:50px; vertical-align: middle;  border-radius:2px; color: #fff; background:#ef685a; display: block; font-size: 11px; height: 36px; line-height: 36px; text-align:center; font-weight:bold;}
.event_graphic .item_event_title{
	float:left; width:700px;
    color: #ef685a;
    display: block;
    font-size: 16px;
	font-weight:bold;
    letter-spacing: -0.03em;
    line-height: 1.1em;
    overflow: hidden;
    padding-left:5px;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
	height: 18px; line-height: 18px;
}
.event_graphic .item_event_subtitle{
	float:left; width:700px;
    color: #666;
    display: block;
    font-size: 12px;
    letter-spacing: -0.03em;
    line-height: 1.1em;
    overflow: hidden;
    padding-left:5px;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
	height: 18px; line-height: 18px;
}
.event_graphic dd{float:left; width:15%; margin-right:1.6%; position:relative; border:1px solid #ccc; background:#eee;}
.event_graphic dd.end{margin:0;}
.event_graphic .img100{width:100%;}
.event_graphic .btn_download{position:absolute; bottom:20px; left:15px;}
.event_graphic .alpha{opacity: 0.3;}
.event_graphic a:hover .btn_download{opacity: 0.8;}
.item_event_tip{clear:both; overflow:hidden; margin:10px 0 40px;}


a.btn_gray {
	width:100px;
	text-align: center;
	font-size: 13px;
	font-weight:bold;
     border: 1px solid #bdbdbd;
	 border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 48px;
    line-height: 44px;
    margin-right: 4px;
	background:#f8f8fe;
	 background: -moz-linear-gradient(center top , #ffffff, #f8f8fe) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #626262 !important;
}
a.btn_gray_list {
	width:100px;
	text-align: center;
	font-size: 12px;
	font-weight:bold;
     border: 1px solid #d8d8d8;
	 border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 22px;
    margin-right: 4px;
	background:#f8f8fe;
	 background: -moz-linear-gradient(center top , #ffffff, #f8f8fe) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #626262 !important;
}
a.btn_gray_s {
	min-width:50px;
	padding: 0 7px;
	text-align: center;
	font-size: 13px;
     border: 1px solid #d8d8d8;
	 border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 22px;
    margin-right: 4px;
	background:#f8f8fe;
	 background: -moz-linear-gradient(center top , #ffffff, #f8f8fe) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #626262 !important;
}
a:hover.btn_gray, a:hover.btn_gray_s, a:hover.btn_gray_list {text-decoration:none; background:#e6e8ec;}
a.btn_point{
	width:100px;
	text-align: center;
	font-size: 13px;
	color:#ed4113;
	font-weight:bold;
   border: 1px solid #ed4113;
   border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 48px;
    line-height: 44px;
    margin-right: 4px;
	background:#f8f8fe;
	 background: -moz-linear-gradient(center top , #ffffff, #f8f8fe) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a.btn_point_list{
	width:100px;
	text-align: center;
	font-size: 12px;
	color: #626262 !important;
	font-weight:bold;
   border: 1px solid #d8d8d8;
   border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 22px;
    margin-right: 4px;
	background:#ffffde;
	 background: -moz-linear-gradient(center top , #ffffde, #ffffca) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a:hover.btn_point{text-decoration:none; background:#fffdec;}
a:hover.btn_point_list {text-decoration:none; background:#d8d8d8;}
a.btn_buy {
	width:150px;
	text-align: center;
	font-size: 13px;
	color:#fff;
	font-weight:bold;
   border: 1px solid #ed4113;
   border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 48px;
    line-height: 44px;
    margin-right: 4px;
	background:#ed4113;
	background: -moz-linear-gradient(center top , #f27412, #ed4113) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a:hover.btn_buy{text-decoration:none; background:#e4481e;}
a.btn_buy_list {
	width:100px;
	text-align: center;
	font-size: 12px;
	color:#ed4113;
	font-weight:bold;
   border: 1px solid #d8d8d8;
   border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 22px;
    margin-right: 4px;
	background:#f8f8fe;
	 background: -moz-linear-gradient(center top , #ffffff, #f8f8fe) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a:hover.btn_buy_list, a:hover.btn_rent_list {text-decoration:none; background:#ffefc5;}

a.btn_rent {
	width:150px;
	text-align: center;
	font-size: 13px;
	color:#fff;
	font-weight:bold;
   border: 1px solid #ed4113;
   border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 48px;
    line-height: 44px;
    margin-right: 4px;
	background:#ed4113;
	background: -moz-linear-gradient(center top , #f27412, #ed4113) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a.btn_rent_list {
	width:100px;
	text-align: center;
	font-size: 12px;
	color:#ed4113;
	font-weight:bold;
   border: 1px solid #d8d8d8;
   border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 22px;
    margin-right: 4px;
	background:#f8f8fe;
	 background: -moz-linear-gradient(center top , #ffffff, #f8f8fe) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a:hover.btn_rent{text-decoration:none; background:#e4481e;}

a.btn_webbuy_list {
	width:130px;
	text-align: center;
	font-size: 12px;
	color:#ed4113;
	font-weight:bold;
   border: 1px solid #d8d8d8;
   border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 22px;
    margin-right: 4px;
	background:#f8f8fe;
	 background: -moz-linear-gradient(center top , #ffffff, #f8f8fe) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a:hover.btn_webbuy_list {text-decoration:none; background:#ffefc5;}


.wish_list_left{width:700px; float:left; margin:0 0 30px;}
.wish_list_left h2{margin-bottom:20px; border-bottom:0px solid #333;}

.wish_list_item{margin-top:00px;}
.wish_list_item td{border-bottom:1px dotted #ddd; padding:10px 0;}
.wish_list_item td.end{border-bottom:0; padding:10px 0;}
.wish_list_item .wish_list_title{font-size:15px; padding:5px 0; display:block;}
.wish_list_item .wish_list_info{color: #a3a3a3; font-size:11px; display:block;}

.wish_list_right{width:260px; position:fixed; top:280px; left:50%; margin-left:223px; border:2px solid #f27412; background:#fff;}
.wish_list_right{float:right;}
.wish_list_right table{width:235px; margin:20px 10px;}
.wish_list_right td{}
.wish_list_right td.volume_number{font-size:15px; border-bottom:1px dotted #000; padding:3px 10px 10px;}
.wish_list_right td.ebook_price{padding:30px 10px 2px;}
.wish_list_right td.sale_price{padding:2px 10px 10px;}
.wish_list_right td.all_price{font-size:15px; padding:10px 10px; background:#fffea4;}
.wish_list_right .btn_buy{width: 260px; border-radius:0px; padding:0;}


.review_list{}
.review_list li{border-bottom:1px solid #dedede; padding:15px 10px; position:relative;}
.review_list li.none_con{border-bottom:0px solid #dedede; padding:30px; text-align:center;}
.review_list li .text_box{display:block; margin-bottom:10px;}
.review_list li .review_star{display:block; width:200px; position:absolute; top:13px; right:15px; z-index:10; text-align:right;}


.s_tab{vertical-align:top; margin:0 0 20px 0; clear:both; overflow:hidden; border-left:1px solid #e6e6e6;}
.s_tab_on{color:#000 !important;font-style:normal; margin:0px; float:left; font-weight:bold; cursor:pointer; border:1px solid #ccc; border-top:1px solid #333; border-left:0; border-bottom:1px solid #fff; height:45px;}
.s_tab_on a{width:100%; padding:13px 0 10px; display:block; text-align:center; color:#333; font:bold 14px NanumB; letter-spacing:-0.7px;}
.s_tab_on a:hover{text-decoration:none;}
.s_tab_off a{width:100%; padding:12px 0 10px; display:block; text-align:center; font-weight:normal;}
.s_tab_off a:hover{text-decoration:none; color:#333;}
.s_tab_off{border:1px solid #e6e6e6; border-left:0; border-bottom:1px solid #ccc; float:left; height:45px;}

.order_list{
	margin-bottom:50px;
	border-bottom: 1px dotted #d8d8d8;
}
.order_list dt.cash_amount{
	background: #f1f0ef none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    padding: 0 10px 0 33px;
	margin-bottom:4px;
}

.order_list dt.way_title{
    border-bottom: 1px solid #aaa;
	font-size: 16px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    padding: 0 10px 0 15px;
	margin-bottom:4px;
}
.order_list dd{
	padding:2px 0;
}

.order_list dd.d_line{
	border-top: 1px dotted #d8d8d8;
	margin-top:2px;
	padding-top:2px;
}

.order_list_line{
	display:block;
	cursor: pointer;
	position:relative;
	padding:8px 20px;
}

.order_list_line_on{
	display:block;
	cursor: pointer;
	position:relative;
	padding:8px 20px;
	border-radius: 30px;
	background:#fffeda;
	font-weight: bold;
}

label:hover.order_list_line{	
	border-radius: 30px;
	background:#fffeda;
}

.inp_radio_left {
    height: 20px;
	display:inline-block;
	margin-right:10%;
	margin-left:120px;
}

.radio_on {
    background: rgba(0, 0, 0, 0) url("https://img.piuri.net/2013/btn_radio_check.gif") no-repeat scroll -76px 0;
}

.radio_off {
    background: rgba(0, 0, 0, 0) url("https://img.piuri.net/2013/btn_radio_check.gif") no-repeat scroll 0 0;
}
.ico_radio_left {
	left: 135px;
	top:5px;
    margin: 2px 1px;
    position: absolute;
	height: 28px;
    width: 28px;
	display:inline-block;
	z-index:10;
}
.order_price{
	height: 20px;
	line-height: 20px;
    width: 10%;
	margin-right:10%;
	display:inline-block;	
	text-align:right;
}
.order_point{
	height: 20px;
	line-height: 20px;
    width: 10%;
	margin-right:10%;
	display:inline-block;
	text-align:right;
}
.order_percent{
	height: 20px;
	line-height: 20px;
    width: 10%;
	margin-right:10%;
	display:inline-block;
	text-align:right;
}
.order_way_title{text-indent: 100px;}
.order_way{
	height: 20px;
	line-height: 20px;
    width: 40%;
	margin-right:10%;
	display:inline-block;
	text-align:left;
}
a.btn_order {
	margin:0 auto;
	width:200px;
	text-align: center;
	font-size: 16px;
	color:#fff;
	font-weight:bold;
   border: 1px solid #ed4113;
   border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 55px;
    line-height: 52px;
	background:#ed4113;
	background: -moz-linear-gradient(center top , #f27412, #ed4113) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a:hover.btn_order{text-decoration:none; background:#e4481e;}

.charge_text {
    border-top: 1px solid #333;
	border-bottom: 1px dotted #ddd;
    font-weight: bold;
    margin: 20px 0;
    padding: 25px 40px 30px;
    text-align:center;
}

.charge_text .booktitle_pp{
	font-size:30px;
	line-height:40px;
	color:#ff2d03;
}
.my_cash {
    border: 0px solid #26b599;
    font-weight: bold;
    margin: 0px 10px 10px;
	font-size:16px;
	line-height:40px;
}
.cash_point{color: #e94f31;}


.btn_moreview {
    background: #fff none repeat scroll 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -moz-linear-gradient(top, #fff, #eee);
    border: 1px solid #ccc;
	border-top:0;
    box-shadow: 0 2px 1px 0 #efefef;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    letter-spacing: -1px;
    line-height: 20px;
    margin: -10px 10px 15px;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
}



/* 151210 덧글 리스트 */
.comment_help{position:absolute; right:5px; top:5px;}
.comment_help_btn{border:0px dotted #c54b42; background:#f5e8e7; border-radius:30px; display: inline-block; margin-bottom: 10px; padding: 5px 15px;}
.comment_help_text{color:#f11404}

.board_comment_list{
	position:relative;
	width:767px;
	margin:0 auto;
	text-align:left;
}

.board_comment_list dt{
	text-align:left;
	background:#f3f3f3;
	border-radius:3px;
	line-height:20px;
	padding:10px 20px;
	margin-top:15px;

}
.board_comment_list dd{
	text-align:left;
	border-bottom:1px solid #ccc;
	line-height:20px;
	padding:20px 0;
}

.board_list_btn_area{
	position:absolute;
	top:12px;
	right:15px;
	text-align:right;
	width:100px;}

.board_comment_list dd .name a, .board_comment_list dd .name {
    color: #9d9d9d;
}

.board_comment_list dd .date {
    color: #c7c7c7;
	margin-left:10px;
}

.board_comment_list dd .secret {
    color: #ff5b5b;
	margin-left:10px;
	font-size: 10px;
	position: relative;
    right: 0px;
    top: 0px;
}

.board_comment_list dd .con {
}

.board_comment_list dd p {
    font-size: 12px;
    margin-top: 7px;
	position:relative;
}

.helpful {
	display:inline-block;
    background-color: #e9e9e9;
    border: 1px solid #d5d5d5;
    color: #3a3134;
    font: bold 12px Arial,San-serif;
    margin: 0 6px 0 0;
    padding: 3px;
    text-align: center;
    width: 30px;
}

.btn_comment_good {
    background: rgba(0, 0, 0, 0) url("https://img.piuri.net/2013/btn_good.png") no-repeat scroll -1px -2px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    right: 66px;
    text-indent: -10000px;
    top: -2px;
    width: 22px;
	padding: 0 4px;
	border: 1px solid #d6d6d6;
    display: inline-block;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-align:left;
}

.btn_comment_del {
    background: rgba(0, 0, 0, 0) url("https://img.piuri.net/2013/btn_del.png") no-repeat scroll -1px -2px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    right: 33px;
    text-indent: -10000px;
    top: -2px;
    width: 22px;
	border: 1px solid #d6d6d6;
    display: inline-block;
    padding: 0 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-align:left;
}


.btn_comment_2depth {
    background: rgba(0, 0, 0, 0) url("https://img.piuri.net/2013/btn_comment.png") no-repeat -1px -1px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    text-indent: -10000px;
    top: -2px;
    width: 22px;
	border: 1px solid #d6d6d6;
    display: inline-block;
    padding: 0 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-align:left;
}

.comment_2depth_write{
	margin:15px 0 0 10px; border: 0px solid #cccccc;
	background: rgba(0, 0, 0, 0) url("https://img.piuri.net/common/fore_re.gif") no-repeat scroll 12px 14px;
	padding:10px 10px 10px 30px;
	position:relative;
	overflow:hidden;
	text-align:left;
}

.comment_textarea2{width:608px;height:48px; float:left; border:1px dotted #999;padding:5px;}
.comment_textarea3{width:608px;height:59px; float:left; border:1px dotted #999;padding:5px;}
.btn_comment_write{float:left; background:#ccc;}
.btn_comment_write img{border-top:5px solid #ccc; border-bottom:5px solid #ccc;}


.comment_2depth{
	margin:15px 0 -5px 15px; border:0px solid #eee;
	background: rgba(0, 0, 0, 0) url("https://img.piuri.net/common/fore_re.gif") no-repeat scroll 12px 14px;
	padding:10px 48px 10px 30px;
	position:relative;
}


.btn_del_2depth{
    background: rgba(0, 0, 0, 0) url("https://img.piuri.net/2013/btn_del.png") no-repeat scroll -1px -1px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    right: 9px;
    text-indent: -10000px;
    top: 13px;
    width: 22px;
	border: 1px solid #d6d6d6;
    display: inline-block;
    padding: 0 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}


.dot_blue{
	display:inline-block; background:#698cff; border-radius: 15px; width:5px; height:5px; margin:0 3px;
}

.f_good{color:#698cff;}






/* 연재글 초기화면 */

.novelist_event{margin-bottom:30px;}

.novelist_title{font-size:24px; line-height:24px; color:#000; font-weight: bold; margin-top:10px;}
.novelist_title_sub{font-size:16px; line-height:18px; color:#000; font-weight: bold; }
.novelist_title_clock{float:left; font-size:11px; line-height:14px; background:#212121; color:#fff; font-weight: bold; border-radius:8px; width:67px; height:39px; padding-top:8px; text-align:center; margin-right:5px;}
.novelist_title2{font-size:21px; line-height:28px; color:#000; font-weight: bold;}
.novelist_title3{font-size:13px; line-height:16px; color:#363636; font-weight:normal;}

.best_novel{border-top:2px solid #181818; border-bottom:1px solid #c7c7c7; clear:both; margin-top:8px; overflow:hidden;}

.best_novel li{display:block; width:195.8px; float:left; background:#f5f5f5; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.best_novel li a{line-height:18px; padding:10px 14.5px 15px; display:block;}
.best_novel li a:hover{background:#fff; padding:10px 14.5px 15px; opacity:1;}
.best_novel li:nth-child(5), .best_novel li:nth-child(10) {border-right:1px solid #fff;}

/* 

.best_novel{border-top:2px solid #181818; border-bottom:1px solid #c7c7c7; clear:both; margin-top:8px; overflow:hidden;}

.best_novel li{display:block; width:166.8px; padding:10px 15px 15px; float:left;}
.best_novel li a{line-height:18px;}
.best_novel li:first-child, .best_novel li:nth-child(3), .best_novel li:nth-child(5), .best_novel li:nth-child(7), .best_novel li:nth-child(9) {background:#f5f5f5;}
.best_novel li:nth-child(2), .best_novel li:nth-child(4), .best_novel li:nth-child(6), .best_novel li:nth-child(8), .best_novel li:nth-child(10) {background:#ffffff;} 

*/

.best_novel li .n_num{width:30px; height:30px; line-height:30px; margin:0 auto; border-radius: 30px; text-align:center; font-size:20px; color:#cccccc; margin-bottom:12px; font-weight: bold;}
.best_novel li:first-child .n_num{background:#d5c8c8; color:#ffffff;}

.best_novel li .n_title{font-size:15px; height:18px; color:#803c2a; margin-bottom:2px; font-weight: bold; overflow:hidden;}
.best_novel li .n_name{font-size:12px; color:#333; margin-bottom:7px; overflow:hidden;}
.best_novel li .n_info{height:72px; overflow:hidden; margin-bottom:15px;}
.best_novel li .n_state{text-align:right; font-size:11px; color:#929292;}

.tab_novel {float: right; height: 14px; line-height: 14px; margin-top: 5px; text-align: center; width: 400px;}
.tab_novel li{display:block; font-size: 14px !important; float:right; text-align:right;}
.tab_novel li a{line-height:14px; color:#888;}
.tab_novel li a.on{color:#000;}
.tab_novel li:nth-child(3){padding:0 20px; border-right:1px solid #ccc;}
.tab_novel li:nth-child(2){padding:0 20px; border-right:1px solid #ccc;}
.tab_novel li:first-child{padding:0 20px; border-right:1px solid #ccc;}

.novel_left{width:640px; float:left; overflow:hidden;}
.novel_right{width:262px; float:right; overflow:hidden;}

.update_novel{clear:both; overflow:hidden; background:url(https://img.piuri.net/2013/novelist/new_bg_line.jpg) repeat-y center 0; border-top: 2px solid #000000; margin-top: 15px;}

.update_novel li{width:290px; float:left; padding:23px 0 25px; border-bottom:1px dotted #c7c7c7; position:relative;}
.update_novel li:first-child, .update_novel li:nth-child(3), .update_novel li:nth-child(5), .update_novel li:nth-child(7), .update_novel li:nth-child(9) {margin-right:30px;}
.update_novel li:nth-child(2), .update_novel li:nth-child(4), .update_novel li:nth-child(6), .update_novel li:nth-child(8), .update_novel li:nth-child(10) {margin-left:30px;}
.update_novel li:nth-child(9), .update_novel li:nth-child(10){border-bottom:0;}
.update_novel li .n_title{font-size:14px; height:18px; color:#333333; margin-bottom:2px; font-weight: bold; overflow:hidden;}
.update_novel li .n_name{font-size:12px; color:#333;   margin-bottom:7px; overflow:hidden; font-weight:normal;}
.update_novel li .n_genre{font-size:12px; color:#848484; margin-bottom:7px; overflow:hidden;}
.update_novel li .n_state{text-align:right; font-size:11px; color:#929292;}
.update_novel li .n_time{color:#969696 !important;}
.update_novel li .n_state .left{float:left; color:#929292;}
.update_novel li .icon_end{top:0; left:0; position:absolute;}

.reading_novel{clear:both; overflow:hidden; border-top: 2px solid #000000; margin-top: 13px;}

.reading_novel li{padding:10px 0 10px; border-bottom:1px dotted #c7c7c7;}
.reading_novel li .n_title{font-size:14px; height:16px; padding-bottom:2px; color:#333; font-weight: bold; overflow:hidden;}
.reading_novel li .n_state{text-align:right; font-size:11px; color:#929292;}
.reading_novel li .n_state .left{float:left; color:#333;}
.reading_novel li .n_time{color:#969696 !important;}

.new_novel{clear:both; margin-top:15px; overflow:hidden; border-top:2px solid #000000; height:465px;}

.new_novel li{padding:17px 0 19px; border-bottom:1px solid #dddddd; position:relative;}
.new_novel li a{display:block;}
.new_novel li .n_title{font-size:14px; color:#333333; font-weight: bold; display:inline-block;}
.new_novel li .n_time{color:#969696; font-weight: bold;}
.new_novel li .n_name{font-size:12px; color:#333; display:inline-block; margin-left:15px;}
.new_novel li .n_left{float:left; width:410px;}
.new_novel li .n_right{float:right; width:210px; text-align:right; font-size:12px; color:#969696;}
.new_novel li .n_genre{width:90px; display:inline-block; text-align:left;}
.new_novel li .n_comment{width:60px; display:inline-block; text-align:left;}
.new_novel li .n_date{width:50px; display:inline-block; text-align:right;}

.my_f_novel{clear:both; margin-top:15px; overflow:hidden; border-top:2px solid #000000; height:465px;}

.my_f_novel li{padding:18px 0 18px; height:20.8px; border-bottom:1px solid #dddddd; position:relative;}
.my_f_novel li a{display:block;}
.my_f_novel li .n_title{font-size:14px; color:#333333; font-weight: bold; display:inline-block;}
.my_f_novel li .n_name{font-size:12px; color:#333; display:inline-block; margin-left:5px;}
.my_f_novel li .n_left{float:left; width:220px;}
.my_f_novel li .n_right{float:right; width:40px; text-align:right; font-size:12px; color:#969696;}

.my_f_novel li.tip {padding:25px 0; height:411px; font-size:14px; text-align:center; color:#969696;}
.my_f_novel li.tip a.btn_gray{margin:0 auto;}



.novelist_notice{clear:both; margin-top:15px; overflow:hidden; border-top:2px solid #000000;}

.novelist_notice li{padding:17.5px 0 18px; border-bottom:1px solid #dddddd; position:relative;}
.novelist_notice li a{display:block;}
.novelist_notice li .n_title{font-size:14px; color:#333333; font-weight: bold;}
.novelist_notice li .n_name{font-size:12px; color:#969696;;}

.piuri_bn{clear:both; margin-top:70px; padding:20px 0 ;overflow:hidden; background:url(https://img.piuri.net/2013/novelist/bn_bg_line.jpg) no-repeat center 0;}
.piuri_bn h3{width:192px; float:left; text-align:center; padding:30px 0;}
.piuri_bn h3 .novelist_title{display:block; margin-top:5px;}


.list_n_best{ clear: both;     overflow: hidden;     padding: 0;}
.list_n_best li{}
.list_n_best li.bottom_line {    border-bottom: 1px dotted #999;     padding: 20px 0; }
.list_n_best li .n_title{font-size:14px; color:#333333; font-weight: bold; word-wrap:break-word;}
.list_n_best li .n_time{color:#969696; font-weight: bold;}
.list_n_best li .n_name{font-size:12px; color:#333333; display:inline-block; margin-left:10px; font-weight:normal; text-align:left;}
.list_n_best .n_left{float:left;  width:230px; display:block; word-wrap:break-word; }
.list_n_best .quick_view{display:inline-block; margin-right:20px; position:absolute; left:0; top:-5px;}
.list_n_best .quick_view select{font-size:12px;font-family:dotum,tahoma;width:120px; background-color: #fff;
    border: 1px solid #b1b1b1; color: #666; font-size: 15px; padding: 5px 3px 4px 10px; vertical-align: middle;}
.list_n_best .quick_view	.view_btn{background:#f2f2f2 repeat scroll 0 0; border: 1px solid #9a9a9a;
    border-radius: 2px; display: inline-block; font-size: 13px; font-weight: bold;
    height: 31px; letter-spacing: -1px; line-height: 31px; margin: 0 2px;
    min-width: 35px; padding: 0 5px; text-align: center; text-shadow: 0 0 2px #eee;
    vertical-align: middle;}
.list_n_best .n_right{float:right; width:510px; display:block; margin-bottom:7px; padding-right:5px; font-size:12px; color:#969696; text-align:right; position:relative;}
.list_n_best li .n_grade{display:inline-block; }
.list_n_best li .n_genre{padding-left:10px; display:inline-block; color:#666;}
.list_n_best li .n_view{padding-left:10px; display:inline-block;}
.list_n_best li .n_comment{padding-left:10px; display:inline-block;}
.list_n_best li .n_date{padding-left:10px; display:inline-block; text-align:right;}
.list_n_best li .n_info{float:left; overflow:hidden; margin-top:15px; max-height:80px; min-width:500px;}
.list_n_best li .n_info a{display:block;}

/*
.list_n_best{ clear: both;     overflow: hidden;     padding: 0;}
.list_n_best li{}
.list_n_best li.bottom_line {    border-bottom: 1px dotted #666;     padding: 20px 0; }
.list_n_best li .n_title{font-size:14px; font-weight: bold; word-wrap:break-word;}
.list_n_best li .n_time{color:#969696; font-weight: bold;}
.list_n_best li .n_name{font-size:12px; color:#666; display:inline-block; margin-left:10px; font-weight:normal; text-align:left;}
.list_n_best .n_left{float:left;  width:200px; display:block; word-wrap:break-word; margin-top:5px;}
.list_n_best .quick_view{display:inline-block; margin-right:20px;}
.list_n_best .quick_view select{font-size:12px;font-family:dotum,tahoma;width:120px;position:relative; background-color: #fff;
    border: 1px solid #b1b1b1; color: #666; font-size: 15px; padding: 5px 3px 4px 10px; vertical-align: middle;}
.list_n_best .view_btn{background:#f2f2f2 repeat scroll 0 0; border: 1px solid #9a9a9a;
    border-radius: 2px; display: inline-block; font-size: 13px; font-weight: bold;
    height: 31px; letter-spacing: -1px; line-height: 31px; margin: 0 2px;
    min-width: 35px; padding: 0 5px; text-align: center; text-shadow: 0 0 2px #eee;
    vertical-align: middle;}
.list_n_best .n_right{float:right; width:550px; display:block; margin-bottom:7px; padding-right:5px; font-size:12px; color:#969696; text-align:right;0}
.list_n_best .n_grade{display:inline-block; width:60px; text-align:center;}
.list_n_best .n_genre{padding-left:10px; display:inline-block; color:#666; width:70px; text-align:center;}
.list_n_best .n_view{padding-left:10px; display:inline-block; width:60px; text-align:left;}
.list_n_best .n_comment{padding-left:10px; display:inline-block; width:50px; text-align:left;}
.list_n_best .n_date{padding-left:10px; display:inline-block; text-align:right; width:50px; }
.list_n_best li .n_info{float:left; overflow:hidden; margin-top:15px; max-height:80px; min-width:500px;}
*/

.list_novel{ clear: both;     overflow: hidden;     padding: 0;}
.list_novel li{}
.list_novel li.bottom_line {    border-bottom: 1px dotted #666;     padding: 20px 0; }
.list_novel .n_title{font-size:14px; font-weight: bold; word-wrap:break-word;}
.list_novel .n_time{color:#969696; font-weight: bold;}
.list_novel .n_name{font-size:12px; color:#666; display:inline-block; margin-left:10px; font-weight:normal; text-align:left;}
.list_novel .n_left{float:left;  width:270px; display:block; word-wrap:break-word; margin-top:5px;}
.list_novel .quick_view{display:inline-block; margin-right:20px;}
.list_novel .quick_view select{font-size:12px;font-family:dotum,tahoma;width:120px;position:relative; background-color: #fff;
    border: 1px solid #b1b1b1; color: #666; font-size: 15px; padding: 5px 3px 4px 10px; vertical-align: middle;}
.list_novel .quick_view	.view_btn{background:#f2f2f2 repeat scroll 0 0; border: 1px solid #9a9a9a;
    border-radius: 2px; display: inline-block; font-size: 13px; font-weight: bold;
    height: 31px; letter-spacing: -1px; line-height: 31px; margin: 0 2px;
    min-width: 35px; padding: 0 5px; text-align: center; text-shadow: 0 0 2px #eee;
    vertical-align: middle;}
.list_novel .n_right{float:right; width:480px; display:block; margin-bottom:7px; padding-right:5px; font-size:12px; color:#969696; text-align:right;0}
.list_novel .n_grade{display:inline-block; width:60px; text-align:center;}
.list_novel .n_genre{padding-left:10px; display:inline-block; color:#666; width:70px; text-align:center;}
.list_novel .n_view{padding-left:10px; display:inline-block; width:60px; text-align:left;}
.list_novel .n_comment{padding-left:10px; display:inline-block; width:50px; text-align:left;}
.list_novel .n_date{padding-left:10px; display:inline-block; text-align:right; width:50px; }


/* 아이콘 */

.icon_end{width:25px; height:15px; line-height:15px;text-align:center; background:#fa2342; font-size:11px; color:#fff; margin-right:5px; padding:2px;}
.icon_update{width:40px; height:15px; line-height:15px; text-align:center; background:#6bb8fd; font-size:11px; color:#fff; display:inline-block; }
.icon_more{float:right; margin-top:2px; width:70px; height:22px; text-align:center; font-size:12px; color:#fff; display:block; background:#a5a5a5 url(https://img.piuri.net/2013/novelist/more_bg.jpg) no-repeat right 1px;}
.icon_more a{color:#fff; line-height:22px; display:block; padding-right:10px; width:60px;}


.keywordbox{display:inline-block; width:100%; max-width:100%; padding:5px 5px; margin:5px; color:#999; font-size:1.0em;}
.keywordbox li{display:inline-block; border:1px #ccc solid; padding:5px 5px; margin:5px; color:#999; font-size:1.0em;}
.keywordbox li a {display:inline-block; text-decoration:none; font-size:1.0;}
.keywordbox li a:hover {display:inline-block; color:#ed4113;  text-decoration:none; font-size:1.0em;}