/**************************************************/
/* IMPORT WEB FONT */
/**************************************************/

/*@font-face {font-family:MalgunGothic; src:url('../fonts/MalgunGothic.eot');}

@font-face{
  font-family: 'MalgunGothic';
  font-style: normal;
  src: url('../fonts/NanumGothicBold.eot');
  src: local('?'), url('../fonts/NanumGothicBold.woff') format('woff'), url('../fonts/NanumGothicBold.ttf') format('truetype');
}
*/

/**************************************************/
/* RESET */
/**************************************************/
html, body,div, span,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,blockquote, p, address, pre, cite,form, fieldset, input, textarea, select,table, th, button{margin:0;padding:0; font-size:12px; font-family: 'MalgunGothic', Dotum, Gulim, Arial, Applegothic, Verdana, sans-serif;}
ol, ul { list-style:none; }
fieldset, img, abbr,acronym { border:0 none; } 
table {border-collapse: separate; border-spacing:0;}
address, caption, em, cite, th {font-weight:normal; font-style:normal;}
ins { text-decoration:none; }
del { text-decoration:line-through; }
a{ text-decoration:none}


/**************************************************/
/* MOBILE */
/**************************************************/
body,a, a:focus, input, input:focus, button, button:focus{ 
  -webkit-tap-highlight-color: rgba(255,255,255,0); 
  -webkit-focus-ring-color:  rgba(255, 255, 255, 0);
  /*-webkit-appearance: none; */
  outline: none; 
  /*overflow: hidden;*/
}


/**************************************************/
/* GLOBAL */
/**************************************************/

#HSLeftMenu{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	left:-100%;
	top:0px;
	color:white;
	background-color:#FFF;
}

#HSLeftMenu .HSLeftMenuS{
	font-size:14pt;
	font-weight:bold;
	padding:10px 0 10px 10px;
	border-top:1px solid #FAB7AE;
	color:#F4614D;
}

#HSLeftMenu .HSLeftMenuS2{
	font-size:12pt;
	font-weight:bold;
	padding:10px 0 10px 30px;
	border-top:1px solid #FAB7AE;
	color:black;
}

/* ACCESSIBILITY */
.screen_reader{
    overflow:hidden;
    text-indent: -9999px;
    display: inline-block;
    height: 0;
    width: 0;
}

/* INPUT */
input[type='submit'] {
    -webkit-appearance: none;
    background:#027077;
    border:none;
    color:#fff;
    height: 32px;
    padding: 0 15px;
    border-radius:0;
}

input[type='text'],
input[type='number'] {
    -webkit-appearance: none;
    border:1px solid #969696;
    width: 35%;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    text-indent:10px;
    border-radius:0;
}


/* SELECT (.select add with js) */
/*select {
    -webkit-appearance: none;
    border:1px solid #969696;
    height: 32px;   
    font-size: 12px;
    color: #666;
    border-radius:0;
    background:#fff;
}*/
.select{
    display:inline-block;
    position:relative;
    z-index:1;
}
.select:after {
    content:"";
    display:block;
    width:0;
    height:0;
    border-top:5px solid #999;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    top:14px;
    right:6px; 
    position:absolute;
    z-index:3;
}
.select:before {
    content:"";
    border-left:1px solid #969696;
    display:block;
    width:21px;
    height:22px;
    top:6px;
    right:1px; 
    position:absolute;
    z-index:2;
    background:#fff;
}



/* PAGING */
.paging b,
.paging a {
    width: 29px;
    padding: 7px 0;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 2px;
    border: 1px solid #C9C9C9;
    text-align: center;
    color: #7D7D7D;
    font-size: 12px;
}
.paging {
    text-align: center;
    padding-bottom: 20px;
}
.paging b {
    background: #7D7D7D;
    border-color: #7D7D7D;
    color:#fff
}

input[type="checkbox"]:checked {
background: #fff url('../images/member/check_bg.png') center center no-repeat;
}
input[type="checkbox"] {
border: 1px solid #999;
width: 16px;
height: 16px;
vertical-align: middle;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 1px 1px #fff;
background: #fff;
margin: 0;
}
.the_more {
clear: both;
margin-top:-20px;
padding-bottom:20px;
text-align: center;
}

.the_more a {
display: block;
background: url(../images/mall/more_bg.gif) center top no-repeat;
/*color: #f4614d;*/
color:#999;
font-weight: bold;
padding-top: 9px;
font-size: 13px;
}
.book_subject {
width: 100%;
border-bottom: #f4614d 2px solid;
padding: 15px 0 10px 0;
margin-bottom: 20px;
/*position: relative;*/
}
.book_subject h2 {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#f4614d;
padding-left:9px;
letter-spacing:-1px;
}
.book_subject h2 span {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#686868;
letter-spacing:0px;
padding-left:8px;
}
.book_tab {
width: 100%;
float: left;
background: #7c848d;
border-top: #4f5153 1px solid;
border-bottom: #4f5153 1px solid;
margin-bottom:10px;
}
.book_tab a {
display: block;
float: left;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 14px;
color: #fff;
padding: 6px 11px;
border-right: #4f5153 1px solid;
}
.book_tab a:last-child {
border-right:none;
}
.book_tab a.active {
background: #f4614d;
}
.book_kind_list {
position: absolute;
right: 5px;
top: 0px;
}
.book_kind_list a {
display:block;
float:left;
}
.book_kind_list a img {display:block;}
.book_kind {
position: absolute;
right: 5px;
top: 8px;
}

.book_kind select {
/*background: url('../images/mall/select_arr.png') 80px center no-repeat, url('../images/mall/select_bg.jpg') 0 0 repeat-x;
background-size: 10px;
-webkit-appearance: listbox;*/
border: 1px solid #bfbfbf;
/*width: 100px;*/
height: 24px;
margin: 1%;
color: #333;
font-size: 11px;
border-radius: 3px;
display: inline-block;
float: left;
padding-right: 24px;
padding-left: 3px;
}
/**************************************************/
/* HEADER */
/**************************************************/
header {
    float: left;
    width: 100%;
	background: #5b35a6;
	height: 57px;
	z-index: 999;
}

/* TOP */
h1#logo img {
    display: block;
    margin: 8px 0 0 47px;
}
h1#logo {
    text-align: center;  
    position: relative;
    z-index: 4;
    height: 63px;
}
#menu_btn {
position: absolute;
top: 16px;
z-index: 6;
left:6px;
}
#search_btn {
position: absolute;
top: 16px;
right: 6px;
z-index: 999;
}
#login_btn {
position: absolute;
top: 16px;
right: 48px;
z-index: 999;
}
#logout_btn {
position: absolute;
top: 16px;
right: 48px;
z-index: 999;
}
/**************************************************/
/* main */
/**************************************************/

#main_container {
clear: both;
width: 100%;
float: left;
background: #e9e9e9;
}
#member_m_container {
background: #8E75C1;
width: 100%;
padding: 6px 0;
text-align:right;
}
#member_m_container a {
margin-right: 6px;
}
#main_icon {
width: 100%;
float: left;
padding:15px 0;
}
#main_icon ul {
padding: 0 10px;
}
#main_icon li {
width: 50%;
float: left;
}
#main_icon li a {
display: block;
padding: 5px 7px;
margin: 0 auto;
text-align: center;
}
#main_icon li a img {
width:100%;
}
#main_news_list {
clear: both;
width: 100%;
float: left;
margin: 0px 0 19px 0;
}
#main_news_list ul {
padding: 0 15px;
}
#main_news_list li {
width: 100%;
height: 60px;
background: #d2cee1;
position: relative;
border-radius: 60px;
margin-bottom: 10px;
vertical-align: middle;
}
#main_news_list .news_icon {
position: absolute;
left: 0;
top: 0;
display: block;
}
#main_news_list .news_list p {
line-height: 60px;
padding-left: 70px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#main_news_list .event_list p {
line-height: 40px;
padding-left: 70px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#main_news_list .event_date {
position: absolute;
left: 70px;
top: 30px;
color: #51a19b;
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#main_news_list li p a{
color:#4c4c4c;
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#main_footer {
clear: both;
width: 100%;
float: left;
background: #303134;
padding: 20px 0;
}
#main_footer nav {
text-align: center;
}
#main_footer nav a {
display: inline-block;
/*background: #18181b;*/
padding: 10px 10px;
margin: 0 2px;
color: #eee;
/*border-radius: 5px;*/
font-size: 11px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#main_footer #copyright {
clear: both;
width: 100%;
float: left; 
padding-top: 20px;
text-align: center;
color:#858483;
font-size:14px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
/**************************************************/
/* sub */
/**************************************************/
#book_menu {
background: #C5B9DD;
height: 30px;
width: 100%;
clear: both;
float:left;
}
#book_menu a {
width: 20%;
display: block;
float: left;
text-align: center;
line-height: 25px;
color:#513589;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size:15px;
letter-spacing:-1px;
border-bottom:#525159 4px solid;
}
#book_menu a.active {
line-height: 25px;
color:#fff;
background: #513589;
border-bottom:#E4E4E4 4px solid;
}


#sub_container {
clear: both;
width: 100%;
float: left;
/*margin-top:115px;*/
}

#sub_footer {
clear: both;
width: 100%;
float: left;
}
#sub_footer .bottom_btn {
padding: 10px 0;
width: 100%;
float: left;
}
#sub_footer a.btn_back {
float: left;
display:block;
margin:0 0 0 10px;
}
#sub_footer a.btn_top {
float: right;
margin:0 10px 0 0;
}
#sub_footer nav {
background: #dcdcde;
width: 100%;
float: left;
clear: both;
}
#sub_footer nav a {
width: 33%;
display: block;
float: left;
border-right: #fff 1px solid;
border-bottom: #fff 1px solid;
text-align: center;
color: #525252;
font-size: 12px;
letter-spacing: -1px;
padding: 8px 0;
}
#sub_footer nav a:nth-child(3) {
border-right: none;
}
#sub_footer nav a:last-child {
border-right: none;
}
#sub_footer nav a.go_01 {
background: url(../images/bottom/btn_go_01.png) right bottom no-repeat;
}
#sub_footer nav a.go_02 {
background: url(../images/bottom/btn_go_02.png) right bottom no-repeat;
}
#sub_footer nav a {
background-size: 20px;
}
#sub_footer #copyright {
clear: both;
width: 100%;
float: left; 
padding-top: 16px;
text-align: center;
color: #858483;
font-size: 12px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
padding-bottom: 20px;
}

.sub_contents {
width: 100%;
float: left;
}
#slideshow_contianer {
width: 100%;
float: left;
/*background: url(../images/mall/slideshow_pattern.gif) repeat;*/
position: relative;
padding: 20px 0;
}
#slideshow {
width: 90%;
margin: 0 auto;
}
#slideshow ul {
width: 100%;
}
#slideshow li {
width: 33%;
float: left;
margin-bottom: 10px;
}
#slideshow .best_list_con {
display: block;
}
#slideshow li a {
width: 85px;
display: block;
margin: 0 auto;
height: 137px;
}
#slideshow .book_img {
background: url(../images/mall/book_bg.png) 0 0 no-repeat;
height:117px;
background-size:85px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
position: relative;
}
#slideshow .book_img img {
width: 81px;
height: 117px;
margin:0px 0 0 0px;
}
#slideshow .up_icon img {
width:40px;
height:40px;
}
#slideshow .up_icon{
position: absolute;
top: 0;
left: 0;
}
#slideshow .up_19 img {
width:25px;
height:25px;
}
#slideshow .up_19{
position: absolute;
top: 0;
right: 0;
}
#slideshow .book_title {
font-size:13px;
margin-top:5px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#353535;
text-align:center;
width:81px;
}
#slideshow .slide_pre {
position: absolute;
left: 3px;
top: 40%;
}
#slideshow .slide_next {
position: absolute;
right: 3px;
top: 40%;
}
#slideshow .slide_pre img { width:15px;}
#slideshow .slide_next img { width:15px;}
#slideshow .slideshow_nav {
position: relative;
bottom: -1px;
text-align: center;
clear: both;
}
#slideshow .slideshow_nav span {
display: inline-block;
width: 20px;
height: 6px;
background: #8e8e8e;
margin: 0 3px;
border-radius: 3px;
}
#slideshow .slideshow_nav span.active {
background: #f4614d;
}

#bannerzone_01 {
clear: both;
width: 100%;
float: left;
}
#bannerzone_01 .banner01_inner {
}
#bannerzone_01 .banner01_01 {
width:100%;
}
#bannerzone_01 .banner01_01 img {
width:100%;
display:block;
border-bottom: #c9c9c5 1px solid;
box-sizing: border-box;
}
#bannerzone_01 .banner01_02 {
width:50%;
display:block;
float: left;
}
#bannerzone_01 .banner01_03 {
width: 50%;
display: block;
float: left;
}
#bannerzone_01 .banner01_02 img {
width:100%;
display:block;
border-bottom: #c9c9c5 1px solid;
box-sizing: border-box;
}
#bannerzone_01 .banner01_03 img {
width:100%;
display:block;
border-bottom: #c9c9c5 1px solid;
box-sizing: border-box;
}

#book_list_container {
clear: both;
width: 100%;
float: left;
margin-top: 10px;
}

.book_list {
width: 100%;
margin: 0 auto;
}
.book_list ul {
width: 100%;
}
.book_list li {
width: 33.3%;
float: left;
margin-bottom: 10px;
}
.book_list .best_list_con {
display: block;
}
.book_list li a {
width: 85px;
display: block;
margin: 0 auto;
}
.book_list .book_img {
background: url(../images/mall/book_bg.png) 0 0 no-repeat;
height:117px;
background-size:85px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
position: relative;
}
.book_list .book_img img {
width: 81px;
height: 117px;
margin:0px 0 0 0px;
}
.book_list .up_icon img {
width:40px;
height:40px;
}
.book_list .up_icon{
position: absolute;
top: 0;
left: 0;
}
.book_list .up_19 img {
width:25px;
height:25px;
}
.book_list .up_19{
position: absolute;
top: 0;
right: 0;
}
.book_list .book_title {
font-size:13px;
margin-top:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#353535;
text-align:center;
font-weight:normal;
}

#book_list_container .book_subject {
width: 100%;
border-bottom: #f4614d 2px solid;
padding: 15px 0 10px 0;
margin-bottom: 20px;
position: relative;
}
#book_list_container .book_subject h2 {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#f4614d;
padding-left:9px;
letter-spacing:-1px;
}
#book_list_container .book_subject h2 span {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#686868;
letter-spacing:0px;
padding-left:8px;
}
#book_list_container .book_kind {
position: absolute;
right: 5px;
top: 8px;
}

#book_list_container .book_kind select {
/*background: url('../images/mall/select_arr.png') 80px center no-repeat, url('../images/mall/select_bg.jpg') 0 0 repeat-x;
background-size: 10px;
-webkit-appearance: listbox;
*/
border: 1px solid #bfbfbf;

height: 24px;
margin: 1%;
color: #333;
font-size: 11px;
border-radius: 3px;
display: inline-block;
float: left;
padding-right: 24px;
padding-left: 3px;
}
#book_list_container .the_more {
clear: both;
margin-top:-20px;
padding-bottom:20px;
text-align: center;
}

#book_list_container .the_more a {
display: block;
background: url(../images/mall/more_bg.gif) center top no-repeat;
color: #f4614d;
color: #999;
font-weight: bold;
padding-top: 9px;
font-size: 13px;
}
#book_submenu {
clear: both;
width: 100%;
float: left;
border-top: #d6d6d6 1px solid;
}
#book_submenu li {
width: 50%;
float: left;
border-bottom: #d6d6d6 1px solid;
}
#book_submenu li.bsmenu_01 a {
display:block;
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
padding-left:15px;
letter-spacing:-1px;
background: #f2f2f2 url(../images/mall/bsmenu_01.png) 13px 7px no-repeat;
background-size: 30px;
border-right: #d6d6d6 1px solid;
padding: 15px 15px 15px 53px;
}
#book_submenu li.bsmenu_02 a {
display:block;
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
padding-left:15px;
letter-spacing:-1px;
background: #e6f1f0 url(../images/mall/bsmenu_02.png) 13px 7px no-repeat;
background-size: 30px;
padding: 15px 15px 15px 53px;
}
#book_submenu li.bsmenu_03 a {
display:block;
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
padding-left:15px;
letter-spacing:-1px;
background: #e6f1f0 url(../images/mall/bsmenu_03.png) 13px 7px no-repeat;
background-size: 30px;
border-right: #d6d6d6 1px solid;
padding: 15px 15px 15px 53px;
}
#book_submenu li.bsmenu_04 a {
display:block;
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
padding-left:15px;
letter-spacing:-1px;
background: #f2f2f2 url(../images/mall/bsmenu_04.png) 13px 7px no-repeat;
background-size: 30px;
padding: 15px 15px 15px 53px;
}
#book_submenu li.bsmenu_05 a {
display:block;
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
padding-left:15px;
letter-spacing:-1px;
background: #f2f2f2 url(../images/mall/bsmenu_05.png) 13px 7px no-repeat;
background-size: 30px;
border-right: #d6d6d6 1px solid;
padding: 15px 15px 15px 53px;
}
#book_submenu li.bsmenu_06 a {
display:block;
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
padding-left:15px;
letter-spacing:-1px;
background: #e6f1f0 url(../images/mall/bsmenu_06.png) 13px 7px no-repeat;
background-size: 30px;
padding: 15px 15px 15px 53px;
}

#book_comment_container {
clear: both;
width: 100%;
float: left;
margin-top: 10px;
}

#book_comment_container .book_subject {
width: 100%;
border-bottom: #f4614d 2px solid;
padding: 15px 0 10px 0;
margin-bottom: 20px;
position: relative;
}
#book_comment_container .book_subject h2 {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#f4614d;
padding-left:9px;
letter-spacing:-1px;
}
#book_comment_container .book_subject h2 span {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#686868;
letter-spacing:0px;
padding-left:8px;
}
#book_comment_container .book_kind_list {
position: absolute;
right: 5px;
top: 12px;
}
#book_comment_container .book_kind_list a {
display:block;
float:left;
}
#book_comment_container .book_kind_list a img {display:block;}

#book_comment_container .the_more {
clear: both;
margin-top:10px;
padding-bottom:20px;
text-align: center;
}

#book_comment_container .the_more a {
display: block;
background: url(../images/mall/more_bg.gif) center top no-repeat;
color: #f4614d;
color: #999;
font-weight: bold;
padding-top: 9px;
font-size: 13px;
}
#notice_list {
clear: both;
width: 100%;
float: left;
position: relative;
border-top: #d0d0d0 1px solid;
border-bottom: #d0d0d0 1px solid;
}
#notice_list .notice_inner {
background: #eaeaea;
background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 68%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(68%,#ffffff));
background: -webkit-linear-gradient(top, #eaeaea 0%,#ffffff 68%);
background: -o-linear-gradient(top, #eaeaea 0%,#ffffff 68%);
background: -ms-linear-gradient(top, #eaeaea 0%,#ffffff 68%);
background: linear-gradient(to bottom, #eaeaea 0%,#ffffff 68%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
border-top: #fff 1px solid;
padding: 11px;
}
#notice_list h2 {
background: #d0d0d0;
font-size: 15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #585858;
width: 60px;
text-align: center;
padding: 11px 0;
position: absolute;
top: 0;
left: 0;
}
#notice_list span {
margin-left:60px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}

#notice_list span a {
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #ababab;
}
#banner_menu {
clear: both;
width: 100%;
float: left;
border-top: #fff 1px solid;
}

#banner_menu li{
border-bottom: #fff 1px solid;
width:50%;
float:left;
}
#banner_menu li.bannerm_01 {
background: url(../images/mall/bg_bannerm_01.jpg) no-repeat;
background-size: cover;
width:50%;
float:left;
}
#banner_menu li.bannerm_02 {
background: url(../images/mall/bg_bannerm_02.jpg) no-repeat;
background-size: cover;
width:50%;
float:left;
}
#banner_menu li.bannerm_03 {
background: url(../images/mall/bg_bannerm_03.jpg) no-repeat;
background-size: cover;
width:50%;
float:left;
}
#banner_menu li.bannerm_04 {
background: url(../images/mall/bg_bannerm_04.jpg) no-repeat;
background-size: cover;
width:50%;
}
#banner_menu li a img {display:block; margin:0 auto;}
#banner_menu li a {padding:6px 0;display:block;}
#banner_menu li.bannerm_01 a, #banner_menu li.bannerm_03 a {border-right:#fff 1px solid;}


#best_review_container {
clear: both;
width: 100%;
float: left;
margin-top: 10px;
}

#best_review_container .book_subject {
width: 100%;
border-bottom: #f4614d 2px solid;
padding: 15px 0 10px 0;
margin-bottom: 20px;
position: relative;
}
#best_review_container .book_subject h2 {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#f4614d;
padding-left:9px;
letter-spacing:-1px;
}
#best_review_container .book_subject h2 span {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#686868;
letter-spacing:0px;
padding-left:8px;
}
#best_review_container .breview_list {
width: 95%;
margin: 0 auto;
}
#best_review_container .breview_list li {
border-bottom: #dcdcdc 1px dashed;
width: 100%;
float: left;
clear: both;
padding: 14px 0;
}
#best_review_container .breview_list li:nth-child(1){
padding-top:0 !important;
}
.best_review_con {position:relative;}
.best_review_con .book_img {
background: url(../images/mall/book_bg.png) 0 0 no-repeat;
width:57px;
height:78px;
background-size:57px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
float:left;
margin-right:10px;
}
.best_review_con .book_img img {
width: 55px;
height: 78px;
}
.breview_list .book_view_con {
margin-left: 67px;
margin-right: 86px;
}
.breview_list .r_subject{
font-size: 15px;
color: #4e4e4e;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
letter-spacing:-1px;
}
.breview_list .r_subject span{
color:#b0b0b0;
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
padding-left:5px;
}
.breview_list .r_txt{
margin-top:4px;
color:#555555;
line-height:18px;
}
.breview_list .r_txt span {
color:#ff7800;
font-weight:bold;
}
.breview_list .r_cptxt{
margin-top:5px;
color:#8f8f8f;
font-size:11px;
}
.breview_list .buy_btn a {
display: block;
width: 72px;
height: 18px;
background: #e16a3e;
text-align: center;
color: #fff;
font-size: 11px;
border: #d34b22 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 18px;
}
.breview_list .buy_btn {
position: absolute;
top: 0;
right: 0;
}
.breview_list .review_btn a {
display: block;
width: 72px;
height: 18px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 68%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(68%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 68%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 68%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 68%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 68%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
text-align: center;
color: #767676;
font-size: 11px;
border: #c9c9c9 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 18px;
}
.breview_list .review_btn {
position: absolute;
top: 23px;
right: 0;
}



.book_text_list {
width: 95%;
margin: 0 auto;
}
.book_text_list li {
border-bottom: #dcdcdc 1px dashed;
width: 100%;
float: left;
clear: both;
padding: 14px 0;
}
.book_text_list li:nth-child(1){
padding-top:0 !important;
}

.book_text_con {position:relative;}
.book_text_con .book_img {
background: url(../images/mall/book_bg.png) 0 0 no-repeat;
width:70px;
height:96px;
background-size:70px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
float:left;
margin-right:10px;
position:relative;
}
.book_text_con .book_img img {
width: 68px;
height: 96px;
}
.book_text_list .book_view_con {
margin-left: 80px;
margin-right: 70px;
}
.book_text_list .r_subject{
font-size: 15px;
color: #4e4e4e;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
letter-spacing:-1px;
}
.book_text_list .r_subject span{
color:#b0b0b0;
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
padding-left:5px;
}
.book_text_list .r_writer{
margin-top:4px;
color:#555555;
line-height:18px;
}
.book_text_list .r_company{
margin-top:2px;
color:#8f8f8f;
font-size:12px;
}
.book_text_list .r_page{
color:#8f8f8f;
font-size:12px;
}
.book_text_list .r_price{
color:#555;
font-size:12px;
}
.book_text_list .buy_btn a {
display: block;
width: 72px;
height: 18px;
background: #e16a3e;
text-align: center;
color: #fff;
font-size: 11px;
border: #d34b22 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 18px;
}
.book_text_list .buy_btn {
position: absolute;
top: 0;
right: 0;
}
.book_text_list .review_btn a {
display: block;
width: 72px;
height: 18px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 68%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(68%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 68%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 68%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 68%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 68%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
text-align: center;
color: #767676;
font-size: 11px;
border: #c9c9c9 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 18px;
}
.book_text_list .review_btn {
position: absolute;
top: 23px;
right: 0;
}

.book_text_con .up_icon img {
width:40px;
height:40px;
}
.book_text_con .up_icon{
position: absolute;
top: 0;
left: 0;
}
.book_text_con .up_19 img {
width:25px;
height:25px;
}
.book_text_con .up_19{
position: absolute;
top: 0;
right: 0;
}

#moorim_submenu {
clear: both;
width: 100%;
float: left;
border-top: #d6d6d6 1px solid;
}
#moorim_submenu li {
width: 50%;
float: left;
border-bottom: #d6d6d6 1px solid;
}
#moorim_submenu li.bsmenu_01 a {
display:block;
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
padding-left:15px;
letter-spacing:-1px;
background: #f2f2f2 url(../images/mall/bsmenu02_01.png) 13px 13px no-repeat;
background-size: 30px;
border-right: #d6d6d6 1px solid;
padding: 15px 15px 15px 53px;
}
#moorim_submenu li.bsmenu_02 a {
display:block;
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
padding-left:15px;
letter-spacing:-1px;
background: #e6f1f0 url(../images/mall/bsmenu02_02.png) 13px 13px no-repeat;
background-size: 30px;
padding: 15px 15px 15px 53px;
}

#sale #book_list_container .book_subject {
width: 100%;
border-bottom: #f4614d 2px solid;
padding: 15px 0 10px 0;
margin-bottom: 10px;
position: relative;
}
#sale #book_list_container .book_subject h2 {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#f4614d;
padding-left:9px;
letter-spacing:-1px;
}
#sale #book_list_container .book_subject h2 span {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#686868;;
}
#book_list_container .sale_banner {
clear: both;
width: 100%;
float: left;
margin-bottom: 20px;
}
#book_list_container .sale_banner a img {
width: 100%;
display: block;
border: #d0d0d0 1px solid;
box-sizing: border-box;
}
#romance_event_container {
clear: both;
width: 100%;
float: left;
border-top: #f4614d 1px solid;
}
#romance_event_container .book_subject {
width: 100%;
border-bottom: #f4614d 2px solid;
padding: 15px 0 10px 0;
margin-bottom: 10px;
position: relative;
}
#romance_event_container .book_subject h2 {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#f4614d;
padding-left:9px;
letter-spacing:-1px;
}
#romance_event_container .book_subject h2 span {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#686868;;
}
#romance_event_container .sale_banner {
clear: both;
width: 100%;
float: left;
margin-bottom: 20px;
}
#romance_event_container .sale_banner a img {
width: 100%;
display: block;
border: #d0d0d0 1px solid;
box-sizing: border-box;
}

/*********µµ¼­¸ô***********/
.book_list_container {
clear: both;
width: 100%;
float: left;
margin-top: 10px;
}

.book_list_container .book_subject {
width: 100%;
border-bottom: #f4614d 2px solid;
padding: 15px 0 10px 0;
margin-bottom: 20px;
position: relative;
}
.book_list_container .book_subject h2 {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#f4614d;
padding-left:9px;
letter-spacing:-1px;
}
.book_list_container .book_subject h2 span {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#686868;
letter-spacing:0px;
padding-left:8px;
}
.book_list_container .book_kind_list {
position: absolute;
right: 111px;
top: 11px;
}
.book_list_container .book_kind_list a {
display:block;
float:left;
}
.book_list_container .book_kind_list a img {display:block;}

.book_list_container .the_more {
clear: both;
margin-top:-20px;
padding-bottom:20px;
text-align: center;
}

.book_list_container .the_more a {
display: block;
background: url(../images/mall/more_bg.gif) center top no-repeat;
color: #f4614d;
color: #999;
font-weight: bold;
padding-top: 9px;
font-size: 13px;
}
.book_list_container .book_kind {
position: absolute;
right: 5px;
top: 9px;
}

.book_list_container .book_kind select {
background: url('../images/mall/select_arr.png') 80px center no-repeat, url('../images/mall/select_bg.jpg') 0 0 repeat-x;
background-size: 10px;
-webkit-appearance: listbox;
border: 1px solid #bfbfbf;
width: 100px;
height: 24px;
margin: 1%;
color: #333;
font-size: 11px;
border-radius: 3px;
display: inline-block;
float: left;
padding-right: 24px;
padding-left: 3px;
}
.mall_banner {
clear: both;
width: 100%;
float: left;
}
.mall_banner a {
display: block;
width: 50%;
float: left;
}
.mall_banner a img {
width: 100%;
display: block;
border: #d0d0d0 1px solid;
box-sizing: border-box;
}
#bookmall_submenu {
clear: both;
width: 100%;
float: left;
border-top: #d6d6d6 1px solid;
margin-top: 10px;
}
#bookmall_submenu li {
width: 50%;
float: left;
border-bottom: #d6d6d6 1px solid;
}
#bookmall_submenu li.bsmenu_01 a {
display:block;
font-size:13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
letter-spacing:-1px;
background: #f2f2f2 url(../images/mall/bsmenu_01.png) 13px 7px no-repeat;
background-size: 30px;
border-right: #d6d6d6 1px solid;
padding: 15px 15px 15px 45px;
}
#bookmall_submenu li.bsmenu_02 a {
display:block;
font-size:13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
letter-spacing:-1px;
background: #e6f1f0 url(../images/mall/bsmenu_02.png) 13px 7px no-repeat;
background-size: 30px;
padding: 15px 15px 15px 45px;
}
#bookmall_submenu li.bsmenu_03 a {
display:block;
font-size:13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
letter-spacing:-1px;
background: #e6f1f0 url(../images/mall/bsmenu03_01.png) 13px 7px no-repeat;
background-size: 30px;
border-right: #d6d6d6 1px solid;
padding: 15px 15px 15px 45px;
}
#bookmall_submenu li.bsmenu_04 a {
display:block;
font-size:13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#3c3c3c;
letter-spacing:-1px;
background: #f2f2f2 url(../images/mall/bsmenu03_02.png) 13px 7px no-repeat;
background-size: 30px;
padding: 15px 15px 15px 45px;
}
#event_book .book_kind_list {
position: absolute;
right: 5px;
top: 11px;
}
#sale_book .book_kind_list {
position: absolute;
right: 5px;
top: 11px;
}
#bookmall #best_review_container {
margin-top: 0px;
border-top: #f4614d 2px solid;
}
#bookmall #best_review_container .book_subject {
border-bottom: #dcdcdc 1px solid;
}

.roman_book_container {
clear: both;
width: 100%;
float: left;
margin-top: 10px;
}

.roman_book_container .book_subject {
width: 100%;
border-bottom: #f4614d 2px solid;
padding: 15px 0 10px 0;
margin-bottom: 20px;
position: relative;
}
.roman_book_container .book_subject h2 {
font-size:15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#f4614d;
padding-left:9px;
letter-spacing:-1px;
}
.roman_book_container .book_subject h2 span {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#686868;
letter-spacing:0px;
padding-left:8px;
}

.roman_book_container .book_list {
width: 95%;
margin: 0 auto;
}
.roman_book_container .book_img {
background: url(../images/mall/book02_bg.png) 0 0 no-repeat;
width:100px;
height:141px;
background-size:100px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
float:left;
margin-right:15px;
position:relative;
}
.roman_book_container .book_img img {
width: 97px;
height: 141px;
}
.roman_book_container .book_view_con {
margin-left: 115px;
}
.roman_book_container .r_subject{
font-size: 15px;
color: #4e4e4e;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
letter-spacing:-1px;
}
.roman_book_container .r_writer{
margin-top:3px;
color:#b0b0b0;
line-height:18px;
}
.roman_book_container .r_writer span {
color:#dd6031;
font-weight:bold;
}
.roman_book_container .r_delivery{
margin-top:2px;
color:#db2e2e;
font-size:13px;
font-weight:bold;
letter-spacing:-1px;
}
.roman_book_container .r_txt_con{
margin-top:10px;
color:#8f8f8f;
font-size:12px;
}
.roman_book_container .buy_btn {
clear:both;
margin-left: 115px;
text-align:center;
}
.roman_book_container .buy_btn a {
margin: 0 auto;
display: block;
width: 72px;
height: 23px;
background: #e16a3e;
text-align: center;
color: #fff;
font-size: 12px;
border: #d34b22 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 23px;
}
/**********ºÏ¶ì²ô*********/
#booktique_banner {
clear: both;
width: 100%;
float: left;
background: #c3c3c3;
padding: 5px 0;
}
#booktique_banner .banner_slideshow {
width: 1000px;
overflow: hidden;
}
#booktique_banner a {
display: block;
width: 150px;
float: left;
margin-right:5px;
}
#booktique_banner a img {
display: block;
width:150px;
height:39px;
border:#a7a7a7 1px solid;
box-sizing: border-box;
}
#book_update_container {
clear: both;
width: 100%;
float: left;
}
#book_update_container .book_subject{
border-bottom:none;
margin-bottom:0;
}
#book_update_container .book_tab {
width: 100%;
float: left;
background: #7c848d;
border-top: #4f5153 1px solid;
border-bottom: #4f5153 1px solid;
margin-bottom:10px;
}
#book_update_container .book_tab a {
display: block;
float: left;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 14px;
color: #fff;
padding: 6px 11px;
border-right: #4f5153 1px solid;
}
#book_update_container .book_tab a:last-child {
border-right:none;
}
#book_update_container .book_tab a.active {
background: #f4614d;
}
#book_update_container .update_list {
width: 95%;
margin: 0 auto;
}
#book_update_container .update_list li {
width: 100%;
clear: both;
border-bottom: #dcdcdc 1px dotted;
background: url(../images/mall/update_icon.gif) 1px 12px no-repeat;
padding: 7px 0;
}
#book_update_container .update_list li a {
padding-left:13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 13px;
color:#4e4e4e;
width:60%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.update_list .book_writer {
color: #b0b0b0;
float: right;
display: inline-block;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 12px;
width: 60px;
text-align: center;
margin-right: 5px;
}
.update_list .update_time {
color: #f4614d;
float: right;
display: inline-block;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 12px;
width: 50px;
text-align: center;
}
#book_series_container {
clear: both;
width: 100%;
float: left;
border-top: #f4614d 2px solid;
}
#book_series_container .book_subject {
border-bottom:none;
margin-bottom:0;
}
#book_series_container .book_kind {
position: absolute;
right: 5px;
top: 8px;
}

#book_series_container .book_kind select {
background: url('../images/mall/select_arr.png') 80px center no-repeat, url('../images/mall/select_bg.jpg') 0 0 repeat-x;
background-size: 10px;
-webkit-appearance: listbox;
border: 1px solid #bfbfbf;
width: 100px;
height: 24px;
margin: 1%;
color: #333;
font-size: 11px;
border-radius: 3px;
display: inline-block;
float: left;
padding-right: 24px;
padding-left: 3px;
}
#book_series_container .book_tab {
background: #fff;
border-top: none;
border-bottom: #4f5153 1px solid;
}
#book_series_container .book_tab a {
display: block;
background: #7c848d;
float: left;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 14px;
color: #fff;
padding: 6px 11px;
border-top: #4f5153 1px solid;
border-right: #4f5153 1px solid;
}
#book_series_container .book_tab a:last-child {
border-right: #4f5153 1px solid;
}
#book_series_container .book_tab a.active {
background: #f4614d;
}

.book_kind_con{
position:relative;
height:34px;
float:left;
width:100%;
clear:both
}
#book_series_container .book_kind_list {
position: absolute;
right: 5px;
top: 0px;
}
#book_series_container .book_kind_list a {
display:block;
float:left;
}
#book_series_container .book_kind_list a img {display:block;}

#book_end_container {
clear: both;
width: 100%;
float: left;
border-top: #f4614d 2px solid;
}
#book_end_container .book_subject{
border-bottom: none;
margin-bottom: 0;
}
#booktique #best_review_container {
margin-top: 0px;
border-top: #f4614d 2px solid;
}
#booktique #best_review_container .book_subject {
border-bottom: #dcdcdc 1px solid;
}
.booktique_banner {
clear: both;
width: 100%;
float: left;
display: block;
border: #d0d0d0 1px solid;
box-sizing: border-box;
border: #d0d0d0 1px solid;
box-sizing: border-box;
background: url(../images/mall/banner05_01.jpg) 0 0 no-repeat;
background-size: cover;
padding:10px 0;
}
.booktique_banner a {
float: right;
display: block;
margin-right:10px
}
.booktique_banner a img {
height: 25px;
}
.booktique_banner p {
float: left;
display: block;
margin-left:10px
}
.booktique_banner p img {
height: 25px;
}
/**********µµ¼­»ó¼¼Á¤º¸*******/
#book_detail_container {
clear: both;
width: 100%;
float: left;
margin: 20px 0;
}
.book_detail .book_text_con {
width: 95%;
margin: 0 auto;
}
.book_detail .book_detail_img {
background: url(../images/mall/book02_bg.png) 0 0 no-repeat;
width:100px;
height:141px;
background-size:100px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
float:left;
margin-right:15px;
position:relative;
}
.book_detail .book_detail_img img {
width: 97px;
height: 141px;
}
.book_detail .book_detail_con {
margin-left: 115px;
}
.book_detail_img .btn_miri {
position: absolute;
bottom: -29px;
left: 12px;
}
.book_detail_img .btn_miri img {
width: 70px;
height: 20px;
margin: 0 auto;
}

.book_detail .up_icon {
position: absolute;
top: 0px;
left: 0px;
}

.book_detail .up_icon02 {
position: absolute;
top: 0;
right: 0;
}
.book_detail .up_icon img {
width:40px;
height:40px;
}
.book_detail .up_icon02 img {
width:30px;
height:30px;
}

.book_detail_con .b_subject {
font-size: 15px;
color: #4e4e4e;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
letter-spacing: -1px;
}
.book_detail_con .b_writer {
color: #b0b0b0;
border-bottom: #cbcbcb 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
padding: 7px 0;
margin-bottom: 10px;
}


#booktiquedetail .book_detail_con .b_subject {
font-size: 15px;
color: #4e4e4e;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
letter-spacing: -1px;
padding: 7px 0;
margin-bottom: 10px;
border-bottom: #cbcbcb 1px solid;
}
#booktiquedetail .book_detail_con .b_writer {
color: #b0b0b0;
border-bottom: none;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
padding: 3px 0;
margin-bottom: 0x;
}

.book_detail_con li span {
display: inline-block;
width: 62px;
color: #7e7e85;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#booktiquedetail .book_detail_con li span {
display: inline-block;
width: auto;
color: #7e7e85;
margin-right:6px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
.book_detail_con .b_dokja span {
display: inline-block;
width: auto;
color: #f4614d !important;
margin-right:0;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
.book_detail_con .b_event span {
display: inline-block;
width: 50px;
color: #fff;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
background:#e2004a;
padding:2px 0;
text-align:center;
margin-right:6px;
}
#booktiquedetail .book_detail_con .b_event span {
display: inline-block;
width: 50px;
color: #fff;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
background:#e2004a;
padding:2px 0;
text-align:center;
margin-right:6px;
}
.book_detail_con .b_dokja, .book_detail_con .b_price, .book_detail_con .b_price02, .book_detail_con .b_point, .book_detail_con .b_page, .book_detail_con .b_file, .book_detail_con .b_score, .book_detail_con .b_event {
padding: 3px 0;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
.book_detail_con .b_price02 {
color:#f4614d;
}
.book_detail_con .b_score img {
width: 11px;
vertical-align: middle;
}
.book_detail_con .detail_btn {
margin-top: 20px;
text-align: left;
}
.book_detail_con .detail_btn span {
display:inline-block;
margin-right:5px;
}
.detail_btn .book_d_buy a {
display: block;
padding: 0 7px 0 16px;
height: 24px;
background: #e16a3e url(../images/mall/icon_detail_buy.png) 3px 3px no-repeat;
background-size: 15px;
text-align: center;
color: #fff;
font-size: 11px;
letter-spacing: -1px;
border: #d34b22 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 24px;
}

.detail_btn .book_d_cart a {
display: block;
padding: 0 7px 0 16px;
height: 24px;
background: #f4f4f4 url(../images/mall/icon_detail_cart.png) 3px 3px  no-repeat;
background-size: 15px;
background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 68%) url(../images/mall/icon_detail_cart.png) 7px 3px  no-repeat;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(68%,#ffffff)) url(../images/mall/icon_detail_cart.png) 7px 3px  no-repeat;
background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 68%) url(../images/mall/icon_detail_cart.png) 7px 3px  no-repeat;
background: -o-linear-gradient(top, #f4f4f4 0%,#ffffff 68%) url(../images/mall/icon_detail_cart.png) 7px 3px  no-repeat;
background: -ms-linear-gradient(top, #f4f4f4 0%,#ffffff 68%) url(../images/mall/icon_detail_cart.png) 7px 3px  no-repeat;
background: linear-gradient(to bottom, #f4f4f4 0%,#ffffff 68%) url(../images/mall/icon_detail_cart.png) 7px 3px  no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ) url(../images/mall/icon_detail_cart.png) 7px 3px  no-repeat;
text-align: center;
color: #767676;
letter-spacing: -1px;
font-size: 11px;
border: #c9c9c9 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 24px;
}
#booktiquedetail .detail_btn .book_d_buy a {
display: block;
padding: 0 7px 0 16px;
height: 24px;
background: #e16a3e url(../images/mall/icon_detail_book.png) 3px 3px no-repeat;
background-size: 15px;
text-align: center;
color: #fff;
font-size: 11px;
letter-spacing: -1px;
border: #d34b22 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 24px;
}

#booktiquedetail .detail_btn .book_d_cart a {
display: block;
padding: 0 7px 0 16px;
height: 24px;
background: #f4f4f4 url(../images/mall/icon_detail_writer.png) 3px 3px  no-repeat;
background-size: 15px;
background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 68%) url(../images/mall/icon_detail_writer.png) 7px 3px  no-repeat;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(68%,#ffffff)) url(../images/mall/icon_detail_writer.png) 7px 3px  no-repeat;
background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 68%) url(../images/mall/icon_detail_writer.png) 7px 3px  no-repeat;
background: -o-linear-gradient(top, #f4f4f4 0%,#ffffff 68%) url(../images/mall/icon_detail_writer.png) 7px 3px  no-repeat;
background: -ms-linear-gradient(top, #f4f4f4 0%,#ffffff 68%) url(../images/mall/icon_detail_writer.png) 7px 3px  no-repeat;
background: linear-gradient(to bottom, #f4f4f4 0%,#ffffff 68%) url(../images/mall/icon_detail_writer.png) 7px 3px  no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ) url(../images/mall/icon_detail_writer.png) 7px 3px  no-repeat;
text-align: center;
color: #767676;
letter-spacing: -1px;
font-size: 11px;
border: #c9c9c9 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 24px;
}
#detail_series{
clear: both;
width: 100%;
float: left;
}
.detail_slideshow_container {
width: 100%;
float: left;
position: relative;
padding: 0 0 20px 0;
}
.detail_slideshow {
width: 90%;
margin: 0 auto;
}
.detail_slideshow ul {
width: 100%;
}
.detail_slideshow li {
width: 33%;
float: left;
margin-bottom: 10px;
}
.detail_slideshow .best_list_con {
display: block;
}
.detail_slideshow li a {
width: 85px;
display: block;
margin: 0 auto;
}
.detail_slideshow .book_img {
background: url(../images/mall/book_bg.png) 0 0 no-repeat;
height:117px;
background-size:85px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
position: relative;
}
.detail_slideshow .book_img img {
width: 81px;
height: 117px;
margin:0px 0 0 0px;
}
.detail_slideshow .up_icon img {
width:40px;
height:40px;
}
.detail_slideshow .up_icon{
position: absolute;
top: 0;
left: 0;
}
.detail_slideshow .up_19 img {
width:25px;
height:25px;
}
.detail_slideshow .up_19{
position: absolute;
top: 0;
right: 0;
}
.detail_slideshow .book_title {
font-size:13px;
margin-top:5px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color:#353535;
text-align:center;
}
.detail_slideshow .slide_pre {
position: absolute;
left: 3px;
top: 30%;
}
.detail_slideshow .slide_next {
position: absolute;
right: 3px;
top: 30%;
}
.detail_slideshow .slide_pre img { width:15px;}
.detail_slideshow .slide_next img { width:15px;}

#detail_guide {
clear: both;
float: left;
width: 100%;
border-bottom: #d3d3d3 1px solid;
border-top: #d3d3d3 1px solid;
padding:10px 0;
}
#booktiquedetail #detail_guide {
border-bottom: #f4614d 1px solid;
}
#detail_guide .btn_facebook {
float: left;
margin-left: 7px;
}
#detail_guide .btn_useguide {
float: right;
margin-right: 7px;
}
#detail_guide .btn_facebook a img {
height:25px;
}
#detail_guide .btn_useguide a img {
height:25px;
}

.book_detail_info {
clear: both;
width: 100%;
float: left;
}
nav.detail_tab {
width: 100%;
border-top: #d3d3d3 1px solid;
float: left;
}
nav.detail_tab a {
width: 25%;
float: left;
text-align: center;
display: block;
background: #ebebeb;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
padding: 10px 0;
font-size: 13px;
color: #858585;
border-bottom: #d3d3d3 1px solid;
border-right: #d3d3d3 1px solid;
box-sizing: border-box;
}
nav.detail_tab a:last-child {
border-right: none;
}
nav.detail_tab a span {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 13px;
color:#f4614d;
}
nav.detail_tab a.active {
color:#444242;
border-bottom: #ffffff 1px solid !important;
border-right: #d3d3d3 1px solid;
box-sizing: border-box;
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 41%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(41%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 41%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 41%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 41%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 41%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.book_detail_info .book_detail_page {
clear: both;
width: 100%;
float: left;
}
.book_detail_info .detail_page_inner {
/*padding: 16px;*/
margin:10px;
}
.book_detail_info .book_review_page {
clear: both;
width: 100%;
float: left;
}
.book_detail_info .detail_review_inner {
padding: 16px 0;
width:95%;
margin:0 auto;
}

.book_detail_info .detail_review_write {
width: 100%;
float: left;
}
.book_detail_info .detail_review_write p {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 13px;
color: #858585;
text-align:center;
}
.book_detail_info .detail_review_write p img {
height: 20px;
vertical-align:middle;
}
.book_detail_info .btn_confirm a {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 13px;
color: #fff;
display: inline-block;
vertical-align: middle;
background: #b6b6b6;
border: #a2a2a2 1px solid;
padding: 4px 8px;
}
.book_detail_info .detail_review_write div {
width: 100%;
float: left;
margin-top: 10px;
text-align:center;
}
.book_detail_info .detail_review_write div textarea{ 
width: 96%;
margin: 0 auto;
border: #dbdbdb 2px solid;
border-radius: 3px;
padding: 5px;
}
.book_detail_info .detail_review_list {
clear: both;
width: 100%;
float: left;
}
.book_detail_info .detail_review_list li {
clear: both;
width: 100%;
float: left;
border-bottom:#dcdcdc 1px dashed;
padding: 13px 0;
}
.book_detail_info .detail_review_list li:last-child {
border-bottom:none;
}
.book_detail_info .dr_writer {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 13px;
color: #858585;
}
.book_detail_info .btn_singo a {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 12px;
color: #858585;
display: inline-block;
vertical-align: middle;
background: #fff;
border: #dcdcdc 1px solid;
padding: 3px 8px;
margin-left:10px;
border-radius: 4px;
}
.book_detail_info .dr_txt img {
vertical-align: middle;
height: 16px;
}
.book_detail_info .dr_txt {
margin-top:5px;
}
.book_detail_info .detail_review_more {
clear: both;
width: 100%;
float: left;
border-top: #dcdcdc 1px solid;
padding: 10px 0;
}
.book_detail_info .detail_review_more a {
display:block;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 12px;
color: #858585;
float:right;
margin-right:10px;
}
.book_detail_info .detail_review_more a span {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
font-size: 12px;
color: #f4614d;
}
#detail_choice_books {
clear: both;
width: 100%;
float: left;
background: #f2f2f2;
border-top: #f4614d 1px solid;
}
#detail_best_books {
clear: both;
width: 100%;
float: left;
background: #f2f2f2;
border-top: #f4614d 1px solid;
}
.more_btn {
position: absolute;
right: 5px;
top: 17px;
color: #686868;
display: block;
}
#detail_event {
clear: both;
width: 100%;
float: left;
}
.book_event_page {
clear: both;
width: 100%;
float: left;
}
.book_event_page .event_page_inner {
padding: 0 15px 20px 15px;
}
.booktique_tab_btn .buy_btn a {
display: block;
width: 72px;
height: 18px;
background: #e16a3e;
text-align: center;
color: #fff;
font-size: 11px;
border: #d34b22 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 18px;
}
.booktique_tab_btn .review_btn a {
display: block;
width: 72px;
height: 18px;
background: #f4f4f4;
background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 68%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(68%,#ffffff));
background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 68%);
background: -o-linear-gradient(top, #f4f4f4 0%,#ffffff 68%);
background: -ms-linear-gradient(top, #f4f4f4 0%,#ffffff 68%);
background: linear-gradient(to bottom, #f4f4f4 0%,#ffffff 68%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
text-align: center;
color: #767676;
font-size: 11px;
border: #c9c9c9 1px solid;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 18px;
}
.booktique_tab_btn span {
display: block;
float: right;
margin-left: 5px;
}
.booktique_tab_btn {
clear: both;
width: 100%;
float: left;
margin: 20px 0;
text-align: right;
}

/********* community *************/
#comm_banner {
clear: both;
width: 100%;
float: left;
}
#comm_banner a img {
width: 100%;
display: block;
border: #d0d0d0 1px solid;
box-sizing: border-box;
}
#bbs_list_container {
clear: both;
width: 100%;
float: left;
}
.bbs_list {
width: 95%;
margin: 0 auto;
}
.bbs_list ul {
width: 100%;
float: left;
}
.bbs_list li {
border-bottom:#dcdcdc 1px dashed;
padding-bottom:10px;
margin-bottom:10px;
/*background: url(../images/mall/update_icon.gif) 1px 9px no-repeat;*/
padding-left: 13px;
}
.bbs_list li:last-child {
border-bottom:none;
padding-bottom:0px;
margin-bottom:0px;
}
.bbs_list .bbs_title {
color: #4e4e4e;
font-size: 12pt;
font-family: sans-serif;
line-height: 24px;
font-weight:normal;
}
.bbs_list .bbs_title span {
color: blue;
font-size: 12pt;
font-family: sans-serif;
font-weight:normal;
}
.bbs_list .book_stitle {
color:#b0b0b0;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 18px;
}
.bbs_list .book_stitle span {
/*color:#e94c4e;*/
color:gray;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height: 18px;
}
.bbs_search_container {
clear: both;
width: 100%;
float: left;
border-top: #dcdcdc 1px solid;
}
.bbs_search_container form {
float: left;
width: 100%;
clear:both;
}
.bbs_search_container .bbs_search {
padding: 10px;
text-align:center;
}
.bbs_search_container .bbs_search p {
margin:5px 0;
text-align:center;
}
.bbs_search_container .bbs_write_btn {
width:100%;
float:left;
}
.bbs_search_container .bbs_write_btn p {
padding: 10px;
}
.bbs_search_container .bbs_write_btn p a {
background: #e6432d url('../images/community/btn_edit_light.png') no-repeat 10px center !important;
color: #fff;
-webkit-text-shadow: none;
text-shadow: none;
border: none !important;
display: block;
height: 37px;
line-height: 37px;
border-radius: 2px;
padding: 0 15px 0 35px;
font-size: 13px;
float:right;
font-weight: bold;
}
#keyword_text {
width: 80%;
height: 24px;
vertical-align: middle;
}
#board_search_btn {
vertical-align: middle;
}

/********* º»¹®ÆäÀÌÁö *********/
#board_title {
width: 100%;
float: left;
position: relative;
padding:10px 0;
border-bottom:#dcdcdc 1px solid;
}
.read_title h2 {
font-size: 15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #454545;
padding-left: 9px;
letter-spacing: -1px;
}
.read_title h2 span {
font-size: 15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #f4614d;
letter-spacing: -1px;
}
.bbs_read_btn {
clear: both;
width: 100%;
float: left;
padding:10px 0;
}
.bbs_read_btn .app_newauide {
float: right;
/*width: 107px;*/
}
/*.bbs_read_btn .app_newauide img {
display:block;
height:30px;
}*/
.bbs_read_btn .bbs_btn_read {
float: left;
margin-left: 7px;
}
.bbs_read_btn .bbs_btn_read a {
display: inline-block;
margin-right: 2px;
padding: 7px;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
color: #454545;
border: #ccc 1px solid;
letter-spacing: -1px;
border-radius: 3px;
}
.bbs_read_btn_r .bbs_btn_read_r {
float: right;
margin-left: 7px;
}
.bbs_read_btn_r .bbs_btn_read_r a {
display: inline-block;
margin-right: 2px;
padding: 7px;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
color: #454545;
border: #ccc 1px solid;
letter-spacing: -1px;
border-radius: 3px;
}
#read_subject {
clear: both;
/*background: #fff4eb;*/
padding: 10px 0;
width: 100%;
float: left;
}
#read_subject h2 {
font-size: 20px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #454545;
padding-left: 9px;
}
#read_subject h2 span {
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #f4614d;
padding-left:5px;
letter-spacing: -1px;
}
#read_subject p{
padding:5px 10px;
color:#686868;
}
#read_subject p span {
color:#353535;
font-weight:bold;
}
#read_conguide {
clear: both;
width: 100%;
float: left;
padding: 10px 0;
background: #efefef;
position:relative;
}
#read_conguide h3 {
width: 65px;
text-align: center;
font-size: 13px;
line-height: 26px;
position: absolute;
left: 0;
top: 10px;
}
#read_conguide p {
float: right;
margin-left: 67px;
}
#read_conguide p a {
display: block;
float: left;
background: #7D7D7D;
color: #fff;
padding: 7px 9px;
margin-right: 4px;
font-weight: bold;
letter-spacing: -1px;
border-radius: 3px;
vertical-align: middle;
}
#read_conguide select {
background: url('../images/mall/select_arr.png') 63px center no-repeat, url('../images/mall/select_bg.jpg') 0 0 repeat-x;
background-size: 10px;
-webkit-appearance: listbox;
border: 1px solid #bfbfbf;
width: 80px;
height: 29px;
margin-right: 5px;
color: #333;
font-size: 11px;
border-radius: 3px;
display: block;
float: right;

padding-left: 3px;
}
#bbs_read #slideshow_contianer {
width: 100%;
float: left;
background: none;
position: relative;
padding: 20px 0 0 0;
border:#dcdcdc 1px solid;
box-sizing: border-box;
}
#read_container {
clear: both;
width: 100%;
float: left;
}
#read_container .read_con_inner {
padding: 13px;
}
#read_top_btn {
clear: both;
width: 100%;
float: left;
}
#read_top_btn p {
padding: 10px;
}
#read_top_btn p a {
display: block;
float: right;
padding: 5px 10px;
color: #686868;
border: #dcdcdc 1px solid;
border-radius: 3px;
font-size: 11px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#list_etc {
clear: both;
width: 100%;
float: left;
border: #dcdcdc 1px solid;
box-sizing: border-box;
margin-top:10px;
}
#list_etc .list_etc_inner {
padding: 14px;
}
#list_etc .list_etc_inner li {
padding: 3px 0;
color:#686868;
}
#list_etc .list_etc_inner li a {
color:#686868;
} 
#list_etc .prev {
display: inline-block;
color: green;
margin-right: 6px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#list_etc .next {
display: inline-block;
color: red;
margin-right: 6px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#list_etc .list_etc_inner p {
clear: both;
padding-top: 10px;
}
#list_etc .list_etc_inner p a {
display: block;
padding: 7px 10px;
background: #a5a5a5;
color: #fff;
font-weight: bold;
text-align: center;
}
#read_con_btn {
clear: both;
width: 100%;
float: left;
padding: 10px 0;
}
#read_con_btn p {
padding:0 10px;
text-align:right;
}
#read_con_btn p a {
display: inline-block;
margin-right: 2px;
padding: 7px;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
color: #454545;
border: #ccc 1px solid;
letter-spacing: -1px;
border-radius: 3px;
}
#bbs_reple_container {
clear: both;
width: 100%;
float: left;
border-bottom: #dcdcdc 1px solid;
padding-bottom: 20px;
}
#bbs_reple_container .bbs_reple_inner {
padding: 15px;
}
#bbs_reple_container .bbs_reple_inner p {
padding: 3px;
}
#bbs_reple_container .bbs_reple_inner p textarea {
border: #ccc 1px solid;
box-sizing: border-box;
width: 80%;
height: 79px;
float: left;
margin-right: 8px;
}
#bbs_reple_container .bbs_reple_btn {
display: block;
width: 16%;
float: right;
}
#bbs_reple_container .bbs_reple_btn a {
display: block;
text-align: center;
padding: 24px 0;
background: #e6432d;
color: #fff;
border-radius: 2px;
font-weight: bold;
font-size: 13px;
}

#bbs_reple_list {
clear: both;
width: 100%;
float: left;
}
#bbs_reple_list .reple_list_con {
float: left;
width: 100%;
}
#bbs_reple_list .reple_list_con li {
padding: 10px;
border-bottom: #ebebeb 1px solid;
position:relative;
}
#bbs_reple_list .reple_list_con li:last-child {
border-bottom: #dcdcdc 1px solid;
}
#bbs_reple_list .reple_text_con {
margin-right: 40px;
}
#bbs_reple_list .reple_text_con p {
padding:3px 0;
}
#bbs_reple_list .reple_writer {
color: #686868;
}
#bbs_reple_list .reple_writer span {
color: #454545;
font-weight:bold;
}
#bbs_reple_list .reple_contents {
color: #686868;
line-height: 17px;
}
#bbs_reple_list .reple_del_btn {
position: absolute;
right: 10px;
top: 15px;
}
#bbs_reple_list .reple_del_btn a {
display: block;
padding: 3px 5px;
border: #ccc 1px solid;
font-size: 12px;
color: #686868;
}
#bbs_reple_list .reple_paging {
padding: 20px;
text-align: center;
clear: both;
}
#bbs_reple_list .reple_paging a {
font-family: Arial, tahome, sans-serif;
display: inline-block;
padding: 5px 7px;
border: #ccc 1px solid;
color: #686868;
vertical-align: middle;
}
#bbs_reple_list .reple_paging span {
font-family: Arial, tahome, sans-serif;
display:  inline-block;
padding: 5px 7px;
border: #bcbcbc 1px solid;
color: #fff;
vertical-align: middle;
background: #bcbcbc;
}
/************mypage***********/
#mypage_info {
clear: both;
width: 100%;
float: left;
position: relative;
padding: 12px 0;
}

#mypage_info h2 {
font-size: 15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #f4614d;
padding-left: 9px;
}
#mypage_info h2 span {
font-size: 12px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #353535;
}

#mypage_info .my_info_btn {
position: absolute;
top: 5px;
right: 5px;
}
#mypage_info .my_info_btn a {
display: inline-block;
margin-right: 2px;
padding: 7px;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
color: #454545;
border: #ccc 1px solid;
letter-spacing: -1px;
border-radius: 3px;
}
#mypage .mypage_icon {
clear: both;
width: 100%;
float: left;
border: #c3c3c3 1px solid;
box-sizing: border-box;
background: #f5f5f5;
}
#mypage .mypage_icon li {
width: 20%;
float: left;
border-right: #c3c3c3 1px solid;
box-sizing: border-box;
text-align:center;
list-style: none;
}
#mypage .mypage_icon li:last-child {
border-right: none;
}
#mypage .mypage_icon li img {
display: block;
width: 75%;
margin: 0 auto;
padding: 5px;
}
#mypage .mypage_icon li p {
clear: both;
text-align: center;
padding-bottom: 12px;
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #f4614d;
}
#mypage_banner {
clear: both;
width: 100%;
float: left;
}
#mypage_banner a img {
display:block;
width: 100%;
border:#dcdcdc 1px solid;
box-sizing: border-box;
}
#mypage_menu {
clear: both;
width: 100%;
float: left;
margin-top: 10px;
border: #dcdcdc 1px solid;
box-sizing: border-box;
margin-bottom: 20px;
}
#mypage_menu li {
width: 100%;
float: left;
clear: both;
}
#mypage_menu li span {
width: 20%;
display: block;
float: left;
text-align: center;
background: #454a50;
border: #32353c 1px solid;
box-sizing: border-box;
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
padding: 10px 0;
color: #fff;
}
#mypage_menu li a {
width: 20%;
display: block;
float: left;
text-align: center;
font-size: 12px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
padding: 10px 0;
letter-spacing: -1px;
color: #454545;
background: url(../images/mypage/mypage_g.png) right 10px no-repeat;
}
#mypage_menu li a:last-child {
background: none;
}
#mypage_btn {
clear: both;
width: 100%;
float: left;
background: #f2f2f2;
padding: 15px 0;
border-top: #fff 1px solid;
}
#mypage_btn .post_btn {
padding: 0 15px;
float: left;
}
#mypage_btn .logout_btn {
padding: 0 15px;
float: right;
}
#mypage_btn .post_btn a {
display: block;
padding: 8px 39px;
background: #fff;
border: #bababa 1px solid;
border-radius: 3px;
color: #454545;
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#mypage_btn .logout_btn a {
display: block;
padding: 8px 39px;
background: #fff;
border: #bababa 1px solid;
border-radius: 3px;
color: #454545;
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#mypage .book_subject h2 span {
font-size: 15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#mypagesub .book_subject h2 span {
font-size: 15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#mypage_con_contianer {
clear: both;
width: 100%;
float: left;
margin-bottom:20px;
}
#mypage_con_contianer .mypage_detail_con {
clear: both;
width: 100%;
float: left;
}
#romansmall_buy {
width: 100%;
margin: 0 auto;
}
#romansmall_buy .buy_search_container {
width: 96%;
margin-left: 10px;
float: left;
margin-bottom: 20px;
}

.month_btn a {
display: inline-block;
margin-right: 2px;
padding: 7px;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
color: #454545;
border: #ccc 1px solid;
letter-spacing: -1px;
border-radius: 3px;
}
.month_btn a.today {
display: inline-block;
margin-right: 2px;
padding: 7px;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
color: #f4614d;
border: #ccc 1px solid;
letter-spacing: -1px;
border-radius: 3px;
}
.buy_search_container p {
padding: 3px 0;
}
.my_calendar {
width: 39%;
float: left;
margin-right: 5px;
}
.my_calendar input {
border: #ccc 1px solid;
box-sizing: border-box;
width: 70%;
height: 30px;
float: left;
margin-right: 3px;
}
#romansmall_buy .buy_search_bnt {
display: inline-block;
background: #9f9f9f;
padding: 8px 13px;
color: #fff;
font-weight: bold;
}

#romansmall_buy .buy_list_container {
clear: both;
width: 100%;
float: left;
}

table.buy_list {border-collapse: collapse;width: 100%; border-top: 2px solid #cacaca;}
table.buy_list th{text-align:center; font-weight:bold; padding:6px; vertical-align:middle;background: #f2f2f2;border-bottom: 1px solid #CACACA;}
table.buy_list td{ background-color:#fff; padding:6px; text-align:center; vertical-align: middle;border-bottom: 1px solid #CACACA;}


.buy_paging {
padding: 20px;
text-align: center;
clear: both;
}
.buy_paging a {
font-family: Arial, tahome, sans-serif;
display: inline-block;
padding: 5px 7px;
border: #ccc 1px solid;
color: #686868;
vertical-align: middle;
}
.buy_paging span {
font-family: Arial, tahome, sans-serif;
display:  inline-block;
padding: 5px 7px;
border: #bcbcbc 1px solid;
color: #fff;
vertical-align: middle;
background: #bcbcbc;
}
#romansmall_cart {
width: 100%;
margin: 0 auto;
}
table.buy_cart {border-collapse: collapse;width: 100%; border-top: 2px solid #cacaca;}
table.buy_cart th{text-align:center; font-weight:bold; padding:5px; vertical-align:middle;background: #f2f2f2;border-bottom: 1px solid #CACACA;}
table.buy_cart td{ background-color:#fff; padding:5px; text-align:center; vertical-align: middle;font-size:11px;border-bottom: 1px solid #CACACA;}
table.buy_cart td.left{text-align:left;}
table.buy_cart td a{color:#353535; font-weight:bold;}
table.buy_cart td.hap_cart {font-size:12px;}
table.buy_cart td.hap_cart span {font-size:12px;font-weight:bold;color:#f4614d;}
#sel_cart {
/*background: url('../images/mall/select_arr.png') 25px center no-repeat, url('../images/mall/select_bg.jpg') 0 0 repeat-x;
background-size: 8px;
-webkit-appearance: listbox;*/
border: 1px solid #bfbfbf;
width: 39px;
height: 18px;
/*margin: 5px 0 0 0;*/
color: #333;
font-size: 11px;
border-radius: 3px;
display: inline-block;
/*float: left;
padding-right:8px;
padding-left: 3px;*/
}
.cart_btn a {
display: inline-block;
margin-right: 0px;
padding: 7px 4px;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
color: #454545;
border: #ccc 1px solid;
letter-spacing: -1px;
border-radius: 3px;
}
#romansmall_cart .cart_btn {
padding: 20px 0 10px 0;
text-align: center;
}
#cart_del {
display: block;
border: #ccc 1px solid;
font-size: 12px;
width: 18px;
line-height: 18px;
color: red;
background: #efefef;
margin: 0 auto;
}
/************member************/
#login {
background: #f0f0f0;
}
#login .login_container {
padding: 30px;
}
#login .login_txt {
width: 100%;
float: left;
margin-top: 20px;
}
#login .div1 {
clear: both;
width: 100%;
float: left;
margin-bottom: 6px;
}
#login .div1 label {
display: none;
}
#login .div1 input {
border: #dadada 1px solid;
box-sizing: border-box;
width: 100%;
padding-left: 10px;
height: 38px;
color: #000;
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
}
#login .idpw_save {
width: 100%;
clear: both;
float: left;
margin-top: 16px;
}
#login .checkbox {
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
border: 1px solid #999999;
width: 20px;
height: 20px;
box-sizing: border-box;
margin-right:10px;
}
#login .checkbox:checked {
background: url(../images/member/login_check.png) 0 0 no-repeat;
background-size: 20px 20px;
border: none;
}
#login .idpw_save label {
color: #8b8b8b;
font-size: 14px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
line-height:20px;
}
#login .login_bt {
width: 100%;
float: left;
clear: both;
margin-top: 18px;
}
#login .login_bt input {
display: block;
background: #f4614d;
border: none;
width: 100%;
height: 38px;
font-size: 16px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
text-align: center;
color: #fff;
line-height: 38px;
}
#login .login_icon {
width: 100%;
float: left;
clear: both;
margin: 30px 0;
}
#login .login_icon a {
display: block;
width: 33.3%;
float: left;
}
#login .login_icon a img {
display: block;
width: 100%;
}
#joinus {
background: #f0f0f0;
}
#joinus .joinus_container {
padding: 25px 17px;
}
#joinus h2 {
margin-bottom: 10px;
text-align:center;
}
#joinus h2 img {
width:267px;
}
#joinus .join_txt {
width: 100%;
float: left;
margin-bottom: 20px;
}
#joinus .join_txt p {
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #525159;
line-height: 17px;
}
#joinus .join_txt p span{
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #f4614d;
line-height: 17px;
}
#joinus h3 {
color: #f4614d;
font-size: 16px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
text-align: left;
margin-bottom: 8px;
}
#joinus h3 span {
color: #525159;
font-size: 16px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
text-align: left;
}
#joinus .join_con {
background: #fff;
padding: 12px;
border: #dcdcdc 1px solid;
overflow: overlay;
overflow-y: auto;
height: 100px;
}
#joinus .join_con p {
color: #686868;
font-size: 11px;
line-height: 15px;
}
#joinus .join_con_check {
padding: 10px 0 20px 0;
text-align: right;
}
#joinus .joinus_btn {
clear: both;
margin: 0 0 20px 0;
text-align: center;
}
#joinus .joinus_btn a {
display: inline-block;
margin: 0 5px;
padding: 7px 10px;
background: #757575;
color: #fff;
font-weight: bold;
border-radius: 3px;
}
#joinus .joinus_btn a.join_us_btn {
background: #f4614d;
}

#joinus .joinus_btn a.join_us_btn2 {
background: #5B35A6;
}

#joinus .join_info_txt {
color: #686868;
line-height: 16px;
padding: 20px 10px 0 10px;
}
#joinus .join_info_txt span {
color: #f4614d;
font-weight:bold;
}
#joinus .member_info_container {
clear: both;
width: 100%;
float: left;
margin-top: 15px;
}
#joinus .member_info_container p {
color: #686868;
line-height: 16px;
padding: 0 10px 5px 10px;
}
#joinus .member_info_container p span {
color: #f4614d;
font-weight:bold;
}
#joinus .star {
color: #f4614d;
font-weight:bold;
}

table.member_info {border-collapse: collapse;width: 100%; border-top: 2px solid #cacaca;}
table.member_info th{width: 66px;text-align:center; font-weight:bold; padding:4px; vertical-align:middle;background: #f2f2f2;border-bottom: 1px solid #CACACA;}
table.member_info td{line-height: 15px; background-color:#fff; padding:4px; text-align:left; vertical-align: middle;border-bottom: 1px solid #CACACA;}

table.member_info td div {
color: #686868;
font-size: 11px;
line-height: 15px;
}
table.member_info td input[type='text'], table.member_info td input[type='number'], table.member_info td input[type="password"] {
-webkit-appearance: none;
border: 1px solid #969696;
width: 28%;
height: 25px;
display: inline-block;
box-sizing: border-box;
text-indent: 5px;
border-radius: 0;
}
table.member_info td select {
background: url('../images/mall/select_arr.png') 93% center no-repeat, url('../images/mall/select_bg.jpg') 0 0 repeat-x;
background-size: 9px;
-webkit-appearance: listbox;
border: 1px solid #bfbfbf;
width: 28%;
height: 25px;
text-indent: 5px;
color: #333;
font-size: 11px;
border-radius: 0px;
display: inline-block;
padding-right: 3px;
padding-left: 3px;
}
table.member_info td.hp_number input {
width: 15%;
}
table.member_info td.hp_number select {
width: 19%;
padding-left:0;
}
table.member_info td.hp_number input[type='button'] {
display: inline-block;
padding: 6px 5px;
background: #757575;
color: #fff;
font-weight: bold;
border-radius: 3px;
vertical-align: middle;
}
table.member_info td #SMSSignNum {
width: 59%;
margin:3px 0;
}
#joinus .btn_limit {
display: inline-block;
padding: 6px 5px;
background: #757575;
color: #fff;
font-weight: bold;
border-radius: 3px;
vertical-align: middle;
}
#joinus .member_table {
clear: both;
width: 100%;
float: left;
margin-bottom: 15px;
}
#joinus .search_idpw_icon {
width: 100%;
float: left;
margin: 20px 0;
}
#joinus .search_idpw_icon a {
display: block;
width: 33.3%;
float: left;
}
#joinus .search_idpw_icon a img {
display: block;
width: 86%;
margin: 0 auto;
}
#joinus .search_idpw_txt {
clear: both;
width: 100%;
margin: 20px 0;
}
#joinus .search_idpw_txt p {
color: #686868;
line-height: 17px;
}
#joinus .search_idpw_txt p span {
color: #f4614d;
font-weight:bold;
}
#joinus .search_email {
clear: both;
width: 100%;
}
#joinus .search_email input {
-webkit-appearance: none;
border: 1px solid #969696;
width: 76%;
height: 25px;
display: inline-block;
box-sizing: border-box;
text-indent: 5px;
border-radius: 0;
}
#joinus .search_email a {
display: inline-block;
margin: 0 5px;
padding: 7px 10px;
background: #757575;
color: #fff;
font-weight: bold;
border-radius: 3px;
vertical-align: middle;
}
#joinus .search_id {
clear: both;
width: 100%;
}
#joinus .search_id p {
color: #686868;
line-height: 17px;
font-weight:bold;
}
#joinus .search_id label {
color: #686868;
line-height: 17px;
font-weight:bold
display: inline-block;
vertical-align: middle;
}
#joinus .search_id_inner {
padding: 20px;
border: #ccc 1px solid;
border-radius: 4px;
}
#joinus .search_id input {
-webkit-appearance: none;
border: 1px solid #969696;
width: 50%;
height: 25px;
display: inline-block;
box-sizing: border-box;
text-indent: 5px;
border-radius: 0;
}
#joinus .search_id a {
display: inline-block;
margin: 0 5px;
padding: 7px 10px;
background: #757575;
color: #fff;
font-weight: bold;
border-radius: 3px;
vertical-align: middle;
}
#joinus .search_id span {
color: #f4614d;
font-weight:bold;
}

/******°Ë»ö*******/
#search_container {
clear: both;
width: 100%;
float: left;
}
#search_con_inner {
padding: 30px 30px 10px 30px;
}
#search_con_inner .search_contents {
background: #5B35A6;
padding: 3px;
}

#search_con_inner .search_contents input[type='text'] {
-webkit-appearance: none;
border:none;
width: 85%;
height: 30px;
display: inline-block;
box-sizing: border-box;
text-indent: 10px;
border-radius: 0;

}
#search_con_inner .search_contents a {
display: inline-block;
padding: 0 5px;
color: #fff;
font-weight: bold;
vertical-align: middle;
}
#search_con_inner p {
padding-top: 10px;
color: #686868;
}
#search_con_inner p span {
color: #5B35A6;
font-weight:bold;
padding-right:5px;
}

#search .book_list_container {
clear: both;
width: 100%;
float: left;
margin-top: 10px;
border-top:#dcdcdc 1px solid;
position:relative;
}
#search .book_list_container .book_kind_list {
position: absolute;
right: 5px;
top: 12px;
}
#search .book_search_txt {
clear: both;
padding: 15px;
text-align: center;
}
#search .book_search_txt p span {
color: #f4614d;
font-weight:bold;
}

/**************order**************/

#order .book_subject {
border-bottom: none;
margin-bottom: 0;
}
#order .book_subject h2 span {
font-size: 15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
letter-spacing: -1px;
}
table.buy_order {border-collapse: collapse;width: 100%; border-top: 2px solid #cacaca;}
table.buy_order th{text-align:center; font-weight:bold; padding:5px; vertical-align:middle;background: #f2f2f2;border-bottom: 1px solid #CACACA;}
table.buy_order td{ background-color:#fff; padding:5px; text-align:center; vertical-align: middle;font-size:11px;border-bottom: 1px solid #CACACA;}
table.buy_order td.left{text-align:left;}
table.buy_order td a{color:#353535; font-weight:bold;}
table.buy_order td.hap_cart {font-size:12px;text-align:right;}
table.buy_order td.hap_cart span {font-size:12px;font-weight:bold;color:#f4614d;}
table.buy_order td.order_txt {font-size:12px;color:#fff;text-align:left;background:#f4614d;font-weight:bold}
table.buy_order td.order_txt span {font-size:12px;font-weight:bold;color:#fff600;}


table.order_info {border-collapse: collapse;width: 100%; border-top: 2px solid #cacaca;}
table.order_info th{width: 66px;text-align:center; font-weight:bold; padding:4px; vertical-align:middle;background: #f2f2f2;border-bottom: 1px solid #CACACA;}
table.order_info td{line-height: 15px; background-color:#fff; padding:4px; text-align:left; vertical-align: middle;border-bottom: 1px solid #CACACA;}

table.order_info td div {
color: #686868;
font-size: 11px;
line-height: 15px;
}
table.order_info td input[type='text'], table.order_info td input[type='number'], table.order_info td input[type="password"] {
-webkit-appearance: none;
border: 1px solid #969696;
width: 28%;
height: 25px;
display: inline-block;
box-sizing: border-box;
text-indent: 5px;
border-radius: 0;
}
table.order_info td select {
background: url('../images/mall/select_arr.png') 93% center no-repeat, url('../images/mall/select_bg.jpg') 0 0 repeat-x;
background-size: 9px;
-webkit-appearance: listbox;
border: 1px solid #bfbfbf;
width: 28%;
height: 25px;
text-indent: 5px;
color: #333;
font-size: 11px;
border-radius: 0px;
display: inline-block;
padding-right: 3px;
padding-left: 3px;
}
table.order_info td.hp_number input {
width: 15%;
}
table.order_info td.hp_number select {
width: 19%;
padding-left:0;
}
table.order_info td.hp_number input[type='button'] {
display: inline-block;
padding: 6px 5px;
background: #757575;
color: #fff;
font-weight: bold;
border-radius: 3px;
vertical-align: middle;
}
table.order_info td #sMssignNum {
width: 59%;
margin:3px 0;
}
#order .btn_limit {
display: inline-block;
padding: 6px 5px;
background: #757575;
color: #fff;
font-weight: bold;
border-radius: 3px;
vertical-align: middle;
}
#order_container .juso {
width: 100%;
}
table.order_info td textarea {
-webkit-appearance: none;
border: 1px solid #969696;
width: 98%;
height: 100px;
display: inline-block;
box-sizing: border-box;
text-indent: 5px;
border-radius: 0;
}

#order .order_buy_btn a.order_b_btn {
background: #f4614d;
}
#order .order_buy_btn a {
display: inline-block;
margin: 0 5px;
padding: 7px 10px;
background: #757575;
color: #fff;
font-weight: bold;
border-radius: 3px;
}
#order .order_buy_btn {
padding: 20px;
text-align: center;
}
#order_container .buy_pay_part1 {
clear: both;
width: 100%;
float: left;
margin-bottom:10px;
}
.buy_pay_part1 h3 {
font-size: 15px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #f4614d;
}
.buy_pay_part1 p {
font-size: 13px;
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #454545;
padding-top: 8px;
text-align: left;
line-height: 18px;
}
#order_container .buy_pay_part2 {
clear: both;
width: 100%;
float: left;
margin-bottom:10px;
}
.buy_pay_part2 li {
width: 50%;
float: left;
margin: 5px 0;
}
.buy_pay_part2 li input {
vertical-align:middle;
}
.buy_pay_part2 li label {
vertical-align:middle;
color:#686868;
}
#order_container .buy_pay_part3 {
clear: both;
width: 100%;
float: left;
margin-bottom:10px;
}
.buy_pay_part3 p {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #454545;
}
.buy_pay_part3 p span{
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #f4614d;
}
#order_container .buy_pay_part4 {
clear: both;
width: 100%;
float: left;
margin-bottom:10px;
}
#order_container .buy_pay_part5 {
clear: both;
width: 100%;
float: left;
margin-bottom:10px;
}
.buy_pay_part1 .payment_inner {
background: #f0f0f0;
padding: 20px;
border: #dcdcdc 1px solid;
box-sizing: border-box;
text-align:center
}
.buy_pay_part2 .payment_inner {
padding: 20px;
}
.buy_pay_part3 .payment_inner {
background: #f0f0f0;
padding: 20px;
text-align:center
}
.buy_pay_part4 .payment_inner {
padding: 20px;
text-align:center
}
.buy_pay_part5 .payment_inner {
background: #f0f0f0;
padding: 20px;
text-align:center
}
.buy_pay_part5 p {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #454545;
}
.buy_pay_part5 p span{
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #f4614d;
}

#detail_bottom_menu {
width: 100%;
position: fixed;
bottom: 0;
z-index: 999;
height: 35px;
}
#detail_bottom_menu li {
float:left;
}
#detail_bottom_menu li.bottom_menu_01 {
width:25%;
background:#3c3a3d;
border-right:#505153 1px solid;
box-sizing:border-box;
}
#detail_bottom_menu li.bottom_menu_02 {
width:25%;
background:#3c3a3d;
}
#detail_bottom_menu li.bottom_menu_03 {
width:50%;
background:#f4614d;
}
#detail_bottom_menu li.bottom_menu_01 a {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #fff;
font-size: 13px;
letter-spacing: -1px;
line-height:35px;
height:35px;
display: block;
background: url(../images/mall/detail_b_icon_01.gif) 4px 10px no-repeat;
background-size: 17px;
padding-left: 22px;
}
#detail_bottom_menu li.bottom_menu_02 a {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #fff;
font-size:13px;
letter-spacing: -1px;
line-height:35px;
height:35px;
display: block;
background: url(../images/mall/detail_b_icon_02.gif) 14px 10px no-repeat;
background-size: 17px;
padding-left: 22px;
text-align: center;
}
#detail_bottom_menu li.bottom_menu_03 a {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #fff;
font-size: 13px;
line-height: 35px;
height: 35px;
display: block;
text-align: center;
}

#btique_bottom_menu {
width: 100%;
position: fixed;
bottom: 0;
z-index: 999;
height: 35px;
}
#btique_bottom_menu li {
float:left;
}
#btique_bottom_menu li.bottom_menu_01 {
width:25%;
background:#3c3a3d;
border-right:#505153 1px solid;
box-sizing:border-box;
}
#btique_bottom_menu li.bottom_menu_02 {
width:25%;
background:#3c3a3d;
}
#btique_bottom_menu li.bottom_menu_03 {
width:50%;
background:#f4614d;
}
#btique_bottom_menu li.bottom_menu_01 a {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #fff;
font-size: 13px;
letter-spacing: -1px;
line-height:35px;
height:35px;
display: block;
background: url(../images/mall/detail_b_icon_01.gif) 4px 10px no-repeat;
background-size: 17px;
padding-left: 22px;
}
#btique_bottom_menu li.bottom_menu_02 a {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #fff;
font-size:13px;
letter-spacing: -1px;
line-height:35px;
height:35px;
display: block;
background: url(../images/mall/detail_b_icon_03.gif) 4px 10px no-repeat;
background-size: 17px;
padding-left: 22px;
}
#btique_bottom_menu li.bottom_menu_03 a {
font-family: 'MalgunGothic', Dotum, Gulim, Arial, Verdana, sans-serif;
color: #fff;
font-size: 13px;
line-height: 35px;
height: 35px;
display: block;
text-align: center;
}
#book_series_container .book_list .best_number {
font-family: Verdana, Arial, sans-serif;
color: #b4b4b4;
font-style: italic;
font-size: 30px;
margin-bottom: -17px;
padding-left: 10px;
z-index: -1;
top: -15px;
position: absolute;
left:0;
}
#book_series_container .book_list .best_list_con {
display: block;
position: relative;
padding-top: 12px;
}
#book_series_container .book_text_con .best_number {
font-family: Verdana, Arial, sans-serif;
color: #b4b4b4;
font-style: italic;
font-size: 30px;
margin-bottom: -17px;
z-index: -1;
top: -15px;
position: absolute;
left:0;
}
#book_series_container .book_text_con {
display: block;
position: relative;
padding-top: 12px;
}
#book_series_container .book_text_list .buy_btn {
position: absolute;
top: 10px;
right: 0;
}
#book_series_container  .book_text_list .review_btn {
position: absolute;
top: 33px;
right: 0;
}


/* top event banner */
#eventTopBnr {display:none; width:100%; height:auto; position:relative; font-size:0;}
#eventTopBnr img.top_banner {width:100%; height:auto;}
#eventTopBnr a.btn_cancel {position:absolute; right:5px; top:5px;}
#eventTopBnr a.btn_cancel img {width:28px; height:auto;}