@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0}
a, img {border:0; vertical-align:top} 
a {text-decoration:none; color:#ccb4aa}





body {background: url("../images/qr_bg.jpg") repeat left top;}




header > h1 {font-size:0;line-height:0; }
header > h1 a {display:block; width:100%; height:50px; background:rgba(0,0,0,0.4) url("../images/title_main.png")no-repeat 12px 12px; text-indent:-9999px;}
header > h1 a span {display:block; background:transparent url("../images/title_main_copy.png") no-repeat right 11px; text-indent:-9999px; width:100%; height:50px;}



.hidden {display:none;}
.main {margin:0 auto; width:320px;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;} 
.pad10b {padding-bottom:10px;}
.mar10b {margin-bottom:10px;}
.vm {vertical-align:middle;}

p.p {font:11px/16px Dotum; color:#f2e5e2; margin:10px 15px; overflow:hidden; width:90%}

p.p2 {font:13px/16px Dotum; color:#f2e5e2; margin:10px 15px; overflow:hidden; width:90%}



/*wrap*/
#wrap {width:100%; min-width:320px;}

.hidden {display:none;}


.main {margin:0 auto; width:320px;}



#cover {float:left; background: url("../images/qrbook_cover.png") no-repeat left top; width:266px; height:403px; margin-left:10px; margin-top:30px;text-indent:-9999px}

ul.menu_list {float:left;padding:0;margin:33px 0 0}

ul.menu_list li {clear:both; padding:0;margin:0;list-style:none}

.menu01 a {background:url("../images/menu_01.png") no-repeat left top; width:26px; height:66px;display:block}

.menu02 a {background:url("../images/menu_02.png") no-repeat left top; width:27px; height:55px;display:block}

.menu03 a {background:url("../images/menu_04.png") no-repeat left top; width:27px; height:57px;display:block}

.menu04 a {background:url("../images/menu_05.png") no-repeat left top; width:27px; height:55px;display:block}

.menu05 a {background:url("../images/menu_06.png") no-repeat left top; width:27px; height:123px;display:block}



/*writer*/

div.nav_header {background:url("../images/nav_writer_header.png") repeat-x left top;width:100%;height:17px;text-align:center;}

div.nav_header img {width:295px; margin:auto; }


ul.writer_list {clear:both;padding:0;overflow:hidden;width:295px;margin: auto;}

ul.writer_list li {list-style:none;float:left}


div.writer_area { position:relative; width:320px;}

div.writer_area span { position:absolute;}

a.blog {background:url("../images/btn_social_blog.gif")no-repeat left top; display:block; width:40px; height:40px; text-indent:-9999px;}

a.twitter {background:url("../images/btn_social_twitter.gif")no-repeat left top; display:block; width:40px; height:40px; text-indent:-9999px;}

a.facebook { background:url("../images/btn_social_facebook.gif")no-repeat left top; display:block; width:40px; height:40px; text-indent:-9999px;}

.kim a { background:url(../images/writer_01_off.png)no-repeat left top; width:68px; height:76px; display:block}


.kim a:hover { background:url(../images/writer_01_on.png)no-repeat left top; width:68px; height:76px; display:block}

.kim a.selected { background:url(../images/writer_01_on.png)no-repeat left top; width:68px; height:76px; display:block}

span.kim_blog {left:205px; top:280px;}

span.kim_twitter {left:240px; top:280px;}

span.kim_facebook {left:275px; top:280px;}

.park a { background:url(../images/writer_02_off.png)no-repeat left top; width:75px; height:78px; display:block}

.park a:hover { background:url(../images/writer_02_on.png)no-repeat left top; width:75px; height:78px; display:block}

.park a.selected { background:url(../images/writer_02_on.png)no-repeat left top; width:75px; height:73px; display:block}

span.park_facebook {left:265px; top:275px;}



.bhan a { background:url(../images/writer_03_off.png)no-repeat left top; width:74px; height:73px; display:block}

.bhan a:hover { background:url(../images/writer_03_on.png)no-repeat left top; width:74px; height:73px; display:block}

.bhan a.selected { background:url(../images/writer_03_on.png)no-repeat left top; width:74px; height:73px; display:block}

span.bhan_facebook {left:185px; top:240px}



.cha a { background:url(../images/writer_04_off.png)no-repeat left top; width:78px; height:78px; display:block}

.cha a:hover { background:url(../images/writer_04_on.png)no-repeat left top; width:78px; height:78px; display:block}

.cha a.selected { background:url(../images/writer_04_on.png)no-repeat left top; width:78px; height:78px; display:block}

span.cha_twitter {left:235px; top:275px;}

span.cha_facebook {left:270px; top:275px;}


/*책소개-가격비교 부분*/


section.info_book {overflow:hidden;width:320px;margin:auto;}

.bookcover_s {float:left;width:121px;height:154px;margin:0 0 0 12px; overflow:hidden; display:inline}

.book_intro{
	width: 180px;
	float: right
}
.writer_list_text {float:right; margin-right:8px}



table.price {float:left; overflow:hidden; width:183px; height:84px; border-spacing:1px; margin-top:15px}

table.price th {font:11px/15px Dotum;color:#ccb4aa; text-align:center}

table.price td {font:11px/15px Dotum;color:#ccb4aa; text-align:center}

.col1 {background-color:#443835; width:55px; height:27px}

.col2 {background-color:#362d2a; width:70px; height:27px}

.col3 {background-color:#231d1c; width:55px; height:27px}



/*책소개 - 책소개 부분*/

.discription p.p {font:11px/16px Dotum; color:#f2e5e2; margin:10px 15px; overflow:hidden; width:90%;}

.discription p.p2 {font:13px/16px Dotum; color:#f2e5e2; margin:10px 15px; overflow:hidden; width:90%;}

/*책소개 - 동영상 부분*/

.movie {display:block; width:100%; text-align:center;}



/*책소개 - 책목차 부분*/

div.darkbg {background-color:rgba(11,11,11,0.4); margin:10px; padding:3px 0}

dl.content_list {padding:0;margin:10px 15px}

dl.content_list dt {font:bold 13px dotum, Verdana; letter-spacing:-1px; padding:2px 5px 0 0; margin:0; color:#c7995e; float:left}

dl.content_list dd {font:13px Dotum,Verdana; padding:3px 0; marginl:0; color:#ffffff}


/*서평 - 서평작성품*/

.input_area {margin:10px 15px; float:left; overflow:hidden; width:290px}

.select_point {background:#d1d1d1 url("../images/bg_input.gif") no-repeat ; width:85px; height:27px; border:0; float:left; display:inline-block; margin-right:5px} 

.select_point option {background:#fff}

.input_id {background:#d1d1d1 url("../images/bg_input.gif") repeat-x 1px top; width:130px; height:27px; border:0; border-left:1px solid #ddd: float:left; display:inline}

.input_review {background:#d1d1d1 url("../images/bg_input.gif") repeat-x 1px top; width:220px; height:27px; border:0; border-left:1px solid #ddd: float:left; display:inline; margin-top:3px}

.submit {background:url("../images/btn_submit.png")no-repeat left top; border::0; width:64px; height:60px; cursor:pointer; float:right}

/*서평 - 서평목록*/

table.review {clear:both; width:290px; border-spacing:1px; margin:10px 0 10px 15px}

table.review th {font:11px/15px Dotum.Verdana; font:11px/15px Dotum;color:#ccb4aa; text-align:conter}

table.review td {font:11px/15px Dotum,verdana; color:#ccb4aa; text-align:center}

table.review td.name {background-color:#443835; padding:5px}

table.review td.point {background-color:#362d2a; padding:5px}

table.review td.star {background-color:#362d2a; padding:5px; font:14px Verdana}

table.review td.date {background-color:#231d1c; padding:5px}

table.review td.user_review {background-color:#362d2a; padding:5px; color:#f1e7e3; text-align:left}

/*출판사 소개*/

.main h5 {font-size:16px; font-family: Verdana; font-weight:bold; color:#fff; margin:10px 15px;}

.main .more {font:12px/16px Verdana; color:#fff; float:right; text-decoration:none}

.book_list {clear:both; background-color:#fff; width:280px; height:160px; margin:0 15px; padding:10px 0 0 10px}

.book_list dl {margin:0 5px; width:75px; text-align:center; float:left; display:inline}

.book_list dt {margin 0}

.book_list dd {margin 0}

.book_list dd ul {margin:5px 0 0 0; padding:0; width:75px}

.book_list dd ul li {margin:0; list-style:none; font:11px Dotum, Verdana; color:#666; text-align:center; letter-spacing:-0.1em}

.book_list dd ul li.price {color:red; font:bold 11px Verdana}

.book_list dd ul li.buy a { text-indent:-9999px; 
    background:url("../images/btn_buy.png") no-repeat 50% 5px;
	width: 70px;
	height: 24px;
	cursor: point;
	display: block
}

/*사이트 운영자 소개*/

.center {text-align:center; margin:auto}

h4.title {margin:5px 15px; font-size:16px; font-family: Verdana; font-weight:bold; color:#fff;}

dl.character {margin:20px 0 0 30px; padding:0}

dl.character dt {font:bold 11px Dotum, Verdana; color:#4c3e3f; margin:0; padding:3px 0}

dl.character dd {font:bold 11px/1.1em Dotum, Verdana; color:#fff; margin:0; padding:3px 0; color:#4c3e3f}

dl.character dd ol {margin:10px 15px; padding:0}

dl.character dd ol li {list-stle-type:decimal; margin:0; padding:0;}

.bg_note {background:url("../images/bg_character_story.png") no-repeat left top; width:305px; height:562px; padding-left:15px; padding-top:10px}

.bg_note p {color:#606060; width:290px; height:300px; line-height:1.2em; margin-bottom:35px;}