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



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

hr {width:100%; height:1px;  border-bottom:0px; text-align:left; margin-left:0px}


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

.ch {font:16px/20px dotum}

.cf {font:12px/20px dotum}
.cf1 {font:15px/20px dotum}

p {font:13px/16px Dotum; color:#000;margin:0 20px; overflow:hidden; width:90%}

p2 {font:15px/16px Dotum; color:#F00; margin:0 20px; overflow:hidden; width:90%}



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


/*Header*/


header > h1 {display:block; background:url(../images/bg_bk.jpg)repeat left top ; width:100%; height:65px; font-size:0;line-height:0; }
header > h1 a {float:left; display:block; width:155px; height:65px; background:url(../images/J_m_top_logo.gif)no-repeat 12px 12px;  text-indent:-9999px;}
header > h1 log {float:right; display:block; width:45%; height:15px; text-align:right; font:13px/16px Verdana, Geneva, sans-serif; color:#fff; margin-top:10px; margin-right:10px;} 

header > h1 span {float:right; display:block; width:45%; height:30px;background:url(../images/J_m_top_tel.gif)no-repeat right; margin-right:10px; text-indent:-9999px}


/*menu*/

#menu {float:left; display:block;  background:url(../images/menu_bar.jpg) repeat-x left top; width:100%; height:30px; text-align:center; }



ul.menu_list { clear:both; display:block; width:252px; overflow:hidden;margin:auto;}


ul.menu_list li { float:left; list-style:none; padding-left:7px; padding-right:7px }

.menu01 a {background:url("../images/J_m_menu_01.gif") no-repeat left top; width:49px; height:30px;display:block}

.menu02 a {background:url("../images/J_m_menu_02.gif") no-repeat left top; width:49px; height:30px;display:block}

.menu03 a {background:url("../images/J_m_menu_03.gif") no-repeat left top; width:49px; height:30px;display:block}

.menu04 a {background:url("../images/J_m_menu_04.gif") no-repeat left top; width:49px; height:30px;display:block}





/*index*/

#top_bg { clear:both; display:block; width:100%; height:140px; }

#top_img {position:relative; width:100%; height:140px;margin:0px auto;text-align:center;}

.mvBG{position:absolute;width:100%;height:140px;min-width:320px;top:0;left:0}
.a1{ background:url(../images/1.png) no-repeat center top;}
.a2{ background:url(../images/2.png) no-repeat center top;display:none;}


con {clear:both; display:block; width:300px; height:230px; overflow:hidden; margin:auto;}

table.price {clear:both; text-align:center; overflow:hidden; width:300px; height:230px; margin:auto }


#call_bg {display:block; width:100%; height::53;margin-top:15px}

#call { text-align:center}

#pc_mode_bg {display:block; width:100%; height::18px; margin-top:15px}

#pc_mode { text-align:center}


/*바닥*/

#down_bg { float:left;display:block; background-color:#000
; width:100%; height:25px ;margin-top:15px}

#down { text-align:center}



/*장착방법*/

#silent {float:left; display:block; width:95%; margin-top:15px; margin-left:15px}

#folder_bg {clear:both;float:left; display:block; background:rgb(0,0,0) repeat-x left top; width:100%; height:23px; }

.folder {clear:both; display:block; width:252px; height: 23px; margin:auto}

.folder hm {float:left; display:block; width:70%; height:23px;font:13px/16px Dotum; color:#fff; margin:2px 5px}

.folder span {display:block; width:49px; height:19px; float:right;background:url(../images/J_back_bt.png) no-repeat right top;; text-indent:-9999px; margin:4px }

#menuer { display:block; width:98%; height:auto}


#con_head { float:left; display:block; width:98%; height:23px; margin:25px 0 0 5px }

#con_cut { float:left; display:block; width:98%; height:1px; background:rgba(0,0,0,0.4) repeat-x; margin-left:5px}

#con {float:left; width:100%; margin:15px 0 0 5px}


/*제품소개*/

con_2 { float:left; display:block; width:98%; height:auto; overflow:hidden; margin:auto;}

.menuer { display:block; width:80px; height:20px; font: 14px/20px dotum; color:#fff; background:#333; padding:6px; margin-left:15px;}

hr.two {width:95%; height:0px;  border:solid 1px #333; text-align:left; margin-left:15px}

#sit_txt {display:block; width:97%; background-color:#E0E7E7; margin:15px}


/*회사소개*/

ul.writer_list {clear:both; padding-top:15px;overflow:hidden;width:295px; margin-left:5px;}

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





.rule a { background:url(../images/3/corp_b_1_off.jpg)no-repeat left top; width:90px; height:29px; display:block;margin-right:5px;}


.rule a:hover { background:url(../images/3/corp_b_1_on.jpg)no-repeat left top; width:90px; height:29px; display:block;margin-right:5px;}

.rule a.selected { background:url(../images/3/corp_b_1_on.jpg)no-repeat left top; width:90px; height:29px; display:block;margin-right:5px;}




.wel a { background:url(../images/3/corp_b_2_off.jpg)no-repeat left top; width:90px; height:29px; display:block; margin-right:5px;}

.wel a:hover { background:url(../images/3/corp_b_2_on.jpg)no-repeat left top; width:90px; height:29px; display:block;margin-right:5px;}

.wel a.selected { background:url(../images/3/corp_b_2_on.jpg)no-repeat left top; width:90px; height:29px; display:block;margin-right:5px;}




.map a { background:url(../images/3/corp_b_3_off.jpg)no-repeat left top; width:90px; height:29px; display:block;margin-right:5px;}

.map a:hover { background:url(../images/3/corp_b_3_on.jpg)no-repeat left top; width:90px; height:29px; display:block;margin-right:5px;}

.map a.selected { background:url(../images/3/corp_b_3_on.jpg)no-repeat left top; width:90px; height:29px; display:block;margin-right:5px;}


/*인사말*/

#wel {display:block; width:98%; height:auto; margin:auto  }

#wel_1 {  display:block; width:95%; height:auto; overflow:hidden; margin-left:15px; margin-top:15px }

#wel_2 { display:block; width:95%; height:160px; margin:15px 0 0 15px}

#wel_3 { display:block; width:95%; height:auto; margin-left:15px}


/*Map*/

#map {display:block; width:98%; height:auto; margin:auto  }

#map_1 {display:block; width:98%; height:auto; margin:auto; margin-top:15px  }


.map td {border-bottom:1px solid #DDDDDD;padding:8px 0px 8px 20px;}
.map td span {font-weight:bold;font-size:13px;color:#CC272E;}
.map td.c01 {font-weight:bold;font-size:12px;text-align:center;padding-left:0px;}
.map td.c01_end {border-bottom:1px solid #C8C8C8;font-weight:bold;font-size:12px;text-align:center;padding-left:0px;}
.map td.end {border-bottom:1px solid #C8C8C8;}

.map td.c02 {font-weight:bold;font-size:13px;text-align:center;padding-left:0px;}
.map td.c02_end {border-bottom:1px solid #C8C8C8;font-weight:bold;font-size:13px;text-align:center;padding-left:0px;}
.map td.end {border-bottom:1px solid #C8C8C8;}



/*회사 개요*/

#rul {display:block; width:98%; height:auto; margin:auto  }

#rul_1 {  display:block; width:95%; height:auto; overflow:hidden; margin-left:15px; margin-top:15px }

#rul_2 { display:block; width:95%; height:auto; margin:15px 0 0 15px}

#rul_3 { display:block; width:95%; height:auto; margin-top:15px; margin-left:15px}


table.rul_price {float:left; overflow:hidden; width:100%; min-width:320px; height:84px; border-spacing:1px; margin-top:15px; margin-bottom:15px; text-indent:5px}

table.rul_price tr {font:13px/15px Dotum;color:#cb4aa; }

table.rul_price td {font:15px/18px Dotum;color:#000;  }

.col1 { width:40%; height:27px; }

.col2 { width:54%; height:27px;  }


/*구매상담*/

#folder_bg_1 {clear:both;float:left; display:block; background:#999 ; width:100%; height:23px;  }

.folder_1 {clear:both; display:block; width:252px; height: 23px; margin:auto}

.folder_1 hm {float:left; display:block; width:70%; height:23px;font:13px/16px Dotum; color:#fff; margin:2px 5px}

.folder_1 span {display:block; width:49px; height:19px; float:right;background:url(../images/J_back_bt.png) no-repeat right top;; text-indent:-9999px; margin:4px }


.market { float:left; display:block; width:95%; height:auto; background:#C8F2F9; margin:15px 15px 0 15px; padding:10px 0}

.market a {margin:5px 0 5px 5px;}

#buy { float:left; display:block; width:95%; height:auto; background:#C8F2F9; margin:15px 15px 0 15px; padding:10px 0}

#buy_1 {margin:5px 0 5px 5px;}

/*





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








.pad10b {padding-bottom:10px;}
.mar10b {margin-bottom:10px;}


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*/
/*


.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 tr {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;}