.content .book_list .control_box
{
    margin: 60px 0 40px 0;;
    border-bottom: 2px solid #cccccc;
    position: relative;
}
.content .book_list .control_box:after
{
    content: '';
    display: block;
    clear: both;
}
.content .book_list .control_box select
{
    box-sizing: border-box;
    display: block;
    margin-top: 10px;
    width: 124px;
    height: 35px;
}
.content .book_list .control_box .area_01
{
    float: left;
    
}
.content .book_list .control_box .area_01 .category_title
{
    margin-bottom: 10px;
    font-size: 25px;
    color:#333333;
    font-weight:500;
    display:inline-block;
}
.content .book_list .control_box .area_01 .category_part_title
{
    margin: 0 0 10px 20px;    
    display:inline-block;
    font-size: 18px;
    color:#555555;
    font-weight:400;
}
.content .book_list .control_box .area_02
{
    float: right;
}

.content .book_list .control_box .area_02 > a
{
    float: left;
    margin-left: 8px;
    font-size:18px;
    line-height:18px;
    padding: 10px 0 0 22px;
    color:#0f1b4b;
}

.content .book_list .control_box .area_02 > a.btn_list_type_01
{
	position:relative;
 	background:url(../img/ico_listview_off.png) no-repeat left 8px;
 	color:#cccccc; 
 }
.content .book_list .control_box .area_02 > a.btn_list_type_01.on
{
	position:relative;
 	background:url(../img/ico_listview.png) no-repeat left 8px;
 	color:#0f1b4b; 
 }
 .content .book_list .control_box .area_02 > a.btn_list_type_01.on:after
{
 	position:absolute;
 	content: '';
     width:100%;
     height:3px;
     background:#0f1b4b;
     bottom:-14px;
     left:0;
 }
 
.content .book_list .control_box .area_02 > a.btn_list_type_02
{
 	background:url(../img/ico_thumview_off.png) no-repeat left 8px;
 	color:#cccccc;
 }
 .content .book_list .control_box .area_02 > a.btn_list_type_02.on
{
 	position:relative;
 	background:url(../img/ico_thumview.png) no-repeat left 8px;
 	color:#0f1b4b;
 }
 .content .book_list .control_box .area_02 > a.btn_list_type_02.on:after
{
 	position:absolute;
 	content: '';
     width:100%;
     height:3px;
     background:#0f1b4b;
     bottom:-14px;
     left:0;
 }
 
 
.content .book_list .control_box .area_03
{
    display:block;
    position:absolute;
    top:55px; 
} 
.content .book_list .control_box .area_03 > a
{
	position: relative;
	display:inline-block;	
    margin-right: 8px;
    font-size:18px;
    line-height:18px;
    padding: 0 10px 0 0;
    color:#888888;
}
.content .book_list .control_box .area_03 > a.on
{
    color:#000000;
    font-weight:700;
}
 {}
.content .book_list .control_box .area_03 > a:after {content: "";display: block;width: 1px;height: 10px;right: 0;top: 5px;position: absolute;padding-right: 0;margin-right: 0;background-color: #dddddd;}
.content .book_list .control_box .area_03 > a:last-child:after {content: "";display: none;width: 1px;height: 10px;right: 0;top: 5px;position: absolute;padding-right: 0;margin-right: 0;background-color: #dddddd;}

.content .book_list .control_box .area_03  span {display:none}
.content .book_list .control_box .area_03  span.desc { color:#1e259f }
.content .book_list .control_box .area_03  span.order { color:#700809 }

.content .book_list .control_box .area_03 > a.on span {display:inline-block}

.content .book_list > ol.list_type_01,
.content .book_list > ol.list_type_02
{
    margin-top: 30px;
    border-bottom: 1px solid #cccccc;
}
.content .book_list > ol.list_type_01 > li,
.content .book_list > ol.list_type_02 > li
{
    padding: 30px 10px;
    border-bottom: 1px solid #cccccc;
    position: relative;
}
.content .book_list > ol.list_type_02 > li
{
    float: left;
    width: 48%;
    height: 195px;
}
.content .book_list > ol.list_type_02:after
{
    content: '';
    display: block;
    clear: both;
}
.content .book_list > ol.list_type_01 > li:after,
.content .book_list > ol.list_type_02 > li:after
{
    content: '';
    display: block;
    clear: both;
}
.content .book_list > ol.list_type_01 > li .thumb,
.content .book_list > ol.list_type_02 > li .thumb
{
    float: left;
    display: block;
    width: 15%;
    height: 217px;
}
.content .book_list > ol.list_type_01 > li .thumb >  .thumb_img,
.content .book_list > ol.list_type_02 > li .thumb >  .thumb_img
{
    /* width: 100%; */
    display:inline-block;
    border: 1px solid #cccccc;
    background: no-repeat center center;
    background-size: 100% auto;
}
.content .book_list > ol.list_type_01 > li .thumb > .thumb_img > img,
.content .book_list > ol.list_type_02 > li .thumb > .thumb_img > img
{
    width: 152px;
    height: 217px; 
    -webkit-box-shadow: 3px 0px 13px rgba(40, 40, 40, .6);
    box-shadow: 3px 0px 13px rgba(40, 40, 40, .6);
}
.content .book_list > ol.list_type_01 > li .infobox,
.content .book_list > ol.list_type_02 > li .infobox
{
    float: right;
    width: 83%;
}
.content .book_list > ol.list_type_01 > li .info,
.content .book_list > ol.list_type_02 > li .info
{
    display:block;
    font-size: 14px;
}
.content .book_list > ol.list_type_02 > li .info
{
    width: 320px;
}
.content .book_list > ol.list_type_01 > li .info dt,
.content .book_list > ol.list_type_01 > li .info dd,
.content .book_list > ol.list_type_02 > li .info dt,
.content .book_list > ol.list_type_02 > li .info dd
{
    float: left;
    margin-bottom: 8px;
}
.content .book_list > ol.list_type_01 > li .info dt,
.content .book_list > ol.list_type_02 > li .info dt
{
    width: 62px;
    color: #1b2c7c;
    font-weight: 600;
}
.content .book_list > ol.list_type_01 > li .info dt.cate_nm,
.content .book_list > ol.list_type_02 > li .info dt.cate_nm
{
    padding: 3px 15px;
    border-radius: 15px;
    background-color: #1e259f;
    color: #fff;
    width: auto;
    font-size: 13px;
    margin: 3px 5px 3px 0;
}
.content .book_list > ol.list_type_01 > li .info dd
{
    color: #7d7d7d;
}
.content .book_list > ol.list_type_02 > li .info dd
{
    overflow: hidden;
    width: 255px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content .book_list > ol.list_type_01 > li .info dd.title,
.content .book_list > ol.list_type_02 > li .info dd.title
{
    font-weight: 700;
    color:#333333;
    font-size:24px;    
    clear: both;
    padding-bottom: 10px;
}
.content .book_list > ol.list_type_01 > li .introduce,
.content .book_list > ol.list_type_02 > li .introduce
{
    margin: 50px 0 0 0px; 
    color: #7d7d7d;
    font-size: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 70px;
        clear: both;
} 
.content .book_list  .data_flag
{
    margin: 5px 0 0 0px; 
    color: #fff;
    background:#90bd50 url(../img/icon_data.png) no-repeat 5px center; background-size:	19px 15px;
    font-size: 12px;
    border-radius:5px;
    display:inline-block;
    padding:5px 10px 5px 30px;
    position: absolute;
    bottom: 5px;
    right: 5px;
} 
.content .book_list > ol.list_type_02 > li .introduce
{
    width: 320px;
}
.content .book_list > ol > li .book_info
{
    display:block;
    clear:both;
    margin: 0px 0 8px 0px;
}
.content .book_list > ol > li .book_info > li
{
    float: left;
    margin-right: 20px;
    font-size:16px;
    color:#555555;
    font-weight:400;
}
.content .book_list > ol > li .book_info > li:last-child
{
    margin-right: 0;
}
.content .book_list > ol > li .book_info > li > strong { color: #333333; font-weight:600}
.content .book_list > ol > li .book_info > li > strong:after {
	content: '';
	width: 1px;
	height: 10px;
	background: #ddd;
	margin: 0 8px;
	display: inline-block;
}
.gray_line { border-bottom: 1px solid #E2E2E2; }
{
    display: block;
    padding: 0 8px;
    border: 1px solid #ededed;
    border-radius: 15px;
    background-color: #f8f8f8;
    color: #7d7d7d;
    font-size: 12px;
    line-height: 22px;
}
.content .book_list > ol > li .book_info > li > a:hover
{
    background-color: #666666;
    color: #ffffff;
}
.content .book_list > ol.list_type_02 > li .tags
{
    width: 320px;
}
.content .book_list > ol.list_type_02 > li .book_info > li
{
    margin-bottom: 10px;
} 
.content .category_box
{
    box-sizing: border-box;
    margin-top: 40px; 
    width: 100%;
    text-align:left;
}
.content .category_box.sub
{
    margin-top: 0;
    border: 0; 
}

.content .category_box.sub
{
    margin-top: 30px;
    border: 0;
    background: #f7f6f3 url(../img/categroy_pattern.png) top left;
    padding:20px 30px;
    vertical-align:top; 

}
.content .category_box.sub ul li
{
    float: none;
    display: inline-block;
    margin-bottom: 15px; 
    width:180px;
    font-size: 14px;
    vertical-align:top;
} 
 
.content .category_box.sub ul li a
{
    color: #989898; 
}
.content .category_box.sub ul li:first-child a
{
    color: #370001;
    font-weight:600;
}


.content .category_box.sub ul li a.on
{
    color: #555555;
    font-weight: 600; 
}
.content .category_box.sub ul li:first-child a.on
{
    color: #370001;
    font-weight:600;
}
.content .category_box.sub ul li a span.bookcnt {display:block}


.categories {position:relative;text-align:center} 
.categories ul{/*overflow:hidden;*/}
.categories li{display:inline-block; margin:0 20px 20px 0; }
.categories li a{
	display:inline-block;
	color:#555555; 
	font-size:16px; 
	letter-spacing:-0.5px;
	text-align:center; 
	vertical-align:top;
	word-break:keep-all;
	font-weight: bold;
	padding:80px 0px 0px 0px;
	width:90px;
	position:relative;
}

.categories li a.co15_1{ background: url('/img/ca/1/15.png') no-repeat top center;}
.categories li a.co25_1{ background: url('/img/ca/1/25.png') no-repeat top center;}
.categories li a.co35_1{ background: url('/img/ca/1/35.png') no-repeat top center;}
.categories li a.co45_1{ background: url('/img/ca/1/45.png') no-repeat top center;}
.categories li a.co50_1{ background: url('/img/ca/1/50.png') no-repeat top center;}
.categories li a.co55_1{ background: url('/img/ca/1/55.png') no-repeat top center;}
.categories li a.co65_1{ background: url('/img/ca/1/65.png') no-repeat top center;}
.categories li a.co75_1{ background: url('/img/ca/1/75.png') no-repeat top center;}
.categories li a.co80_1{ background: url('/img/ca/1/80.png') no-repeat top center;}
.categories li a.co85_1{ background: url('/img/ca/1/85.png') no-repeat top center;}
.categories li a.co853_1{ background: url('/img/ca/1/853.png') no-repeat top center;}
.categories li a.co95_1{ background: url('/img/ca/1/95.png') no-repeat top center;}

.categories li a.co15_2{ background: url('/img/ca/2/15.png') no-repeat top center;}
.categories li a.co25_2{ background: url('/img/ca/2/25.png') no-repeat top center;}
.categories li a.co35_2{ background: url('/img/ca/2/35.png') no-repeat top center;}
.categories li a.co45_2{ background: url('/img/ca/2/45.png') no-repeat top center;}
.categories li a.co50_2{ background: url('/img/ca/2/50.png') no-repeat top center;}
.categories li a.co55_2{ background: url('/img/ca/2/55.png') no-repeat top center;}
.categories li a.co65_2{ background: url('/img/ca/2/65.png') no-repeat top center;}
.categories li a.co75_2{ background: url('/img/ca/2/75.png') no-repeat top center;}
.categories li a.co80_2{ background: url('/img/ca/2/80.png') no-repeat top center;}
.categories li a.co85_2{ background: url('/img/ca/2/85.png') no-repeat top center;}
.categories li a.co853_2{ background: url('/img/ca/2/853.png') no-repeat top center;}
.categories li a.co95_2{ background: url('/img/ca/2/95.png') no-repeat top center;}

.categories li a.co1_5{ background: url('/img/ca/5/1.png') no-repeat top center;}
.categories li a.co2_5{ background: url('/img/ca/5/2.png') no-repeat top center;}
.categories li a.co5_5{ background: url('/img/ca/5/5.png') no-repeat top center;}
.categories li a.co7_5{ background: url('/img/ca/5/7.png') no-repeat top center;}
.categories li a.co9_5{ background: url('/img/ca/5/9.png') no-repeat top center;}
.categories li a.co11_5{ background: url('/img/ca/5/11.png') no-repeat top center;}
.categories li a.co13_5{ background: url('/img/ca/5/13.png') no-repeat top center;}
.categories li a.co15_5{ background: url('/img/ca/5/15.png') no-repeat top center;}
.categories li a.co17_5{ background: url('/img/ca/5/17.png') no-repeat top center;}
.categories li a.co19_5{ background: url('/img/ca/5/19.png') no-repeat top center;} 
.categories li a.co22_5{ background: url('/img/ca/5/22.png') no-repeat top center;} 

.categories li a.coA1{ background: url('/img/ca/A1.png') no-repeat top center;}
.categories li a.coA2{ background: url('/img/ca/A2.png') no-repeat top center;}
.categories li a.coA5{ background: url('/img/ca/A5.png') no-repeat top center;}
.categories li a.coA7{ background: url('/img/ca/A7.png?1') no-repeat top center;} 
.categories li a.coA8{ background: url('/img/ca/A8.png') no-repeat top center;}


.categories li a.co1_7{ background: url('/img/ca/7/1.png') no-repeat top center;}
.categories li a.co2_7{ background: url('/img/ca/7/2.png') no-repeat top center;}
.categories li a.co3_7{ background: url('/img/ca/7/3.png') no-repeat top center;}
.categories li a.co4_7{ background: url('/img/ca/7/4.png') no-repeat top center;}
.categories li a.co5_7{ background: url('/img/ca/7/5.png') no-repeat top center;}
.categories li a.co6_7{ background: url('/img/ca/7/6.png') no-repeat top center;}
.categories li a.co7_7{ background: url('/img/ca/7/7.png') no-repeat top center;}
.categories li a.co8_7{ background: url('/img/ca/7/8.png') no-repeat top center;}
.categories li a.co17_7{ background: url('/img/ca/7/17.png') no-repeat top center;}
.categories li a.co19_7{ background: url('/img/ca/7/19.png') no-repeat top center;}  
.categories li a.co33_7{ background: url('/img/ca/7/33.png') no-repeat top center;} 


.categories li a.co1_8{ background: url('/img/ca/8/1.png') no-repeat top center;}
.categories li a.co3_8{ background: url('/img/ca/8/3.png') no-repeat top center;}
.categories li a.co5_8{ background: url('/img/ca/8/5.png') no-repeat top center;}
.categories li a.co7_8{ background: url('/img/ca/8/7.png') no-repeat top center;}
.categories li a.co9_8{ background: url('/img/ca/8/9.png') no-repeat top center;}
.categories li a.co11_8{ background: url('/img/ca/8/11.png') no-repeat top center;}
.categories li a.co13_8{ background: url('/img/ca/8/13.png') no-repeat top center;}
.categories li a.co15_8{ background: url('/img/ca/8/15.png') no-repeat top center;}
.categories li a.co17_8{ background: url('/img/ca/8/17.png') no-repeat top center;}
.categories li a.co19_8{ background: url('/img/ca/8/19.png') no-repeat top center;}  
.categories li a.co24_8{ background: url('/img/ca/8/24.png') no-repeat top center;}  

.categories li a span.bookcnt {font-weight:  400;display:block;}
.categories li a:hover {
	font-weight:600;
	color:#0f1b4b;
	transition:transform .5s;
	transform: translateY(-5%) rotate(-10deg);
}

.categories li a.other{
	display:inline-block;
	color:#555555; 
	font-size:16px; 
	letter-spacing:-0.5px;
	text-align:center; 
	vertical-align:top;
	word-break:keep-all;
	font-weight: bold;
	padding:80px 0px 0px 0px;
	width:90px;
}
 
.categories li a.other:hover {
	font-weight:600;
	color:#0f1b4b; 
	transition:transform .5s;
	transform: translateY(0%) rotate(0deg);
}

 .categories li a{ 
	width:80px;
	transform: scale(0.8) translate(-20%,0%);
}
.categories li {
   margin: 0 10px 20px 0;
}
 .categories li a span{ 
    	opacity:0.5;
}
 .categories li a.on span{ 
	opacity:1;
	color:#000;
}
.book_list.thumb  {
	position:relative;
	text-align: center;  
}

.book_list.thumb .img {
	position:relative;
	text-align: center; 
	padding: 30px 0 46px;
	background:#f9f8f8;
}


.book_list.thumb .cate_nm
{
    padding: 3px 15px;
    border-radius: 15px;
    background-color: #1e259f;
    color: #fff;
    display:inline-block;
    font-size: 13px;
    margin: 0 10px 0 0;
}
.c15 { background-color: #1e259f !important;} 
.c25 { background-color: #d24d4d !important;} 
.c35 { background-color: #77ab5e !important;} 
.c45 { background-color: #e86d00 !important;} 
.c50 { background-color: #4785e9 !important;} 
.c55 { background-color: #f4a600 !important;} 
.c65 { background-color: #700809 !important;} 
.c75 { background-color: #b04600 !important;} 
.c80 { background-color: #731e9f !important;} 
.c85 { background-color: #de2763 !important;} 
.c853 { background-color: #17e2c3 !important;} 
.c95 { background-color: #67c4c5 !important;}

.book_list.thumb img {
	width: 152px;
     height: 217px; 
    -webkit-box-shadow: 3px 0px 13px rgba(40, 40, 40, .6);
    box-shadow: 3px 0px 13px rgba(40, 40, 40, .6);
}
 
.book_list.thumb > li {
	float: none;
	display:inline-block;
	width:100%;
	max-width:296px;
	padding-left: 10px;
	box-sizing: border-box; 
	margin-top: 34px;
	margin-bottom: 14px;
 	vertical-align: top;
	position:relative;
}
 .book_list.thumb > li:first-child {
	padding-left: 0px;
}
.book_list.thumb { display: block; margin-top:10px; border-bottom: 2px solid #cccccc;text-align:left}
.book_list.thumb .txt02 { display: none; }
  
.book_list.thumb .info 
{
    position:relative;
    top:-30px;
    display:block;
    font-size: 14px;
    text-align: right;
}
.book_list.thumb  dd.title
{
    font-weight: 700;
    color:#333333;
    font-size:16px; 
    padding: 20px 0 0;
    text-align:left;
}
.book_list.thumb  ul.book_info {
    display:block;
    clear:both;
    margin: 0px 0 8px 0px;
}
.book_list.thumb ul.book_info > li
{
    float: left;
    margin-right: 20px;
    font-size:14px;
    color:#555555;
    font-weight:400;
}
.book_list.thumb ul.book_info > li:last-child
{
    margin-right: 0;
}
.book_list.thumb ul.book_info > li > strong { color: #333333; font-weight:600}
.book_list.thumb ul.book_info > li > strong:after {
	content: '';
	width: 1px;
	height: 10px;
	background: #ddd;
	margin: 0 8px;
	display: inline-block;
}
 
.book_list.thumb ul.book_info  > li .info
{
    display:block;
    font-size: 14px;
}
.book_list.thumb ul.book_info  > li .info
{
    width: 320px;
}
.book_list.thumb ul.book_info  > li .info dt,
.book_list.thumb ul.book_info  > li .info dd,
.book_list.thumb ul.book_info  > li .info dt,
.book_list.thumb ul.book_info  > li .info dd
{
    float: left;
    margin-bottom: 8px;
}
.book_list.thumb ul.book_info  > li .info dt 
{
    clear: both;
    width: 62px;
    color: #1b2c7c;
    font-weight: 600;
}
.book_list.thumb ul.book_info  > li .info dt.cate_nm 
{
    padding: 3px 15px;
    border-radius: 15px;
    background-color: #1e259f;
    color: #fff;
    width: auto;
    font-size: 13px;
    margin: 3px 10px 3px 0;
}
.book_list.thumb ul.book_info > li .info dd
{
    height: 14px;
    color: #7d7d7d;
}
.book_list.thumb ul.book_info  > li .info dd
{
    overflow: hidden;
    width: 255px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.book_list.thumb ul.book_info  > li .info dd.title
{
    font-weight: 700;
    color:#333333;
    font-size:24px; 
    padding-bottom: 20px;
}
.db { display: block; }
.dib { display: inline-block; }
.mauto { margin: 0 auto; }
.vam { vertical-align: middle; }
 
.search_area .keyword  input[type='text'] { 
    width: 55%;  
}.search_area .keyword  select{ 
    margin-left:5px;
}
  
@media all and (max-width:1200px) {  
	
	.content .book_list {margin: 0 20px}
	.content .book_list > ol.list_type_01 > li .infobox,
	.content .book_list > ol.list_type_02 > li .infobox{margin:0 0 0 40px; width:80%}
	.content .book_list > ol.list_type_01 > li .thumb, 
	.content .book_list > ol.list_type_02 > li .thumb {text-align:center;} 
	.content .book_list > ol.list_type_01 > li .thumb > .thumb_img, .content .book_list > ol.list_type_02 > li .thumb > .thumb_img {display:inline-block; }
	
	.content .book_list > ol.list_type_01 > li .infobox,
	.content .book_list > ol.list_type_02 > li .infobox{margin:0 0 0 20px; }
	
}
@media all and (max-width:900px) {  
	.content .book_list > ol.list_type_01 > li .infobox,
	.content .book_list > ol.list_type_02 > li .infobox{margin:0 0 0 40px; width:75%}
	.content .book_list > ol.list_type_01 > li .introduce, .content .book_list > ol.list_type_02 > li .introduce {display:none}
	
	.content .book_list > ol.list_type_01 > li .info dt.cate_nm, .content .book_list > ol.list_type_02 > li .info dt.cate_nm {float:none;display:inline-block}
	.content .book_list > ol.list_type_01 > li .info dd.title, .content .book_list > ol.list_type_02 > li .info dd.title {float:none;display:block; font-size:20px}
	.content .book_list > ol > li .book_info > li {float:none; display:block; margin: 0 0 5px 0}
	.content .book_list > ol > li .book_info {margin:0}
	.content .category_box.sub ul li { position:relative; width:50%;   margin-bottom: 10px; font-size:14px;}
	.content .category_box.sub ul li::after {content: '';    display: inline-block;    width: 3px;    height: 3px;    border-radius: 100%;    background-color: #370001;    left: -8px;    position: absolute;
    top: 7px;}
	
	
}
@media all and (max-width:730px) {  

	.content .book_list .control_box {height:79px;}  
	 .content .category_box.sub ul li a span.bookcnt { display: inline-block; margin-left:10px}
	.content .book_list .control_box .area_01 {    float: none; display:block; 	}
	.content .book_list .control_box .area_02 {   float: none; display:block;  text-align: right;	}

	 .content .book_list .control_box .area_02 > a.btn_list_type_01 {   float: none; display:inline-block;	}
	 .content .book_list .control_box .area_02 > a.btn_list_type_02 {   float: none; display:inline-block;	}
	 
	 .content .book_list .control_box .area_03 { top:30px; position:relative; }  
	 
	 .content .book_list > ol.list_type_01 > li .thumb, .content .book_list > ol.list_type_02 > li .thumb {width:25%}
	.content .book_list > ol.list_type_01 > li .infobox,
	.content .book_list > ol.list_type_02 > li .infobox{margin:0 0 0 0px; width:71%}
 	.content .book_list > ol.list_type_01 > li .thumb > .thumb_img > img, .content .book_list > ol.list_type_02 > li .thumb > .thumb_img > img {width:100%; height:auto}
	.content .book_list > ol.list_type_01 > li .info dd.title, .content .book_list > ol.list_type_02 > li .info dd.title {float:none;display:block; font-size:18px}
}
@media all and (max-width:400px) {  
	

	.categories li {margin: 0 10px 0px 0;}
	.categories li a {font-size:14px;}
	.content .category_box.sub ul li { width:100%;   }
	.content .category_box.sub ul li a { margin-left:10px;}
	
	 .content .book_list > ol.list_type_01 > li .thumb, .content .book_list > ol.list_type_02 > li .thumb {float:none; width:100%; height:auto; margin:10px 0;}
	 .content .book_list > ol.list_type_01 > li .infobox, .content .book_list > ol.list_type_02 > li .infobox {float:none; height:auto; margin:10px 7px;width:auto;}
	.book_list.thumb > li {margin-top:10px; padding-top:20px; border-top:1px dotted #ccc }
	.book_list.thumb > li:first-child {  border-top:none; }
	.content .book_list .control_box {height:79px;} 
	.content .book_list .control_box .area_01 {    float: none; display:block; 	}
	.content .book_list .control_box .area_02 {   float: none; display:block;  text-align: right;	}

	 .content .book_list .control_box .area_02 > a.btn_list_type_01 {   float: none; display:inline-block;	}
	 .content .book_list .control_box .area_02 > a.btn_list_type_02 {   float: none; display:inline-block;	}
	 .content .book_list > ol > li .book_info > li {font-size:13px;}
	.content .book_list > ol.list_type_01 > li .info dd.title, .content .book_list > ol.list_type_02 > li .info dd.title {float:none;display:block; font-size:16px}
}


@media all and (max-width:340px) {  
	 
	
	 .content .book_list > ol.list_type_01 > li .thumb, .content .book_list > ol.list_type_02 > li .thumb {float:none; width:100%; height:auto; margin:10px 0;}
	 .content .book_list > ol.list_type_01 > li .infobox, .content .book_list > ol.list_type_02 > li .infobox {float:none; height:auto; } 
}