@CHARSET "UTF-8";

/* 메인 대문 이미지 리스트 */
.topchart.main{background:#eee;}
.topchart .main_list{max-width:640px;margin:0 auto}
.topchart .main_list > li{margin-top:10px;}
.topchart .main_list > li:first-child{margin-top:0;}
.topchart .main_list > li > a{display:block;}
.topchart .main_list > li > a > img{width:100%;}

/* 비주얼 영역 */
.topchart .visual{text-align:center;position:relative;padding:65px 12px 35px 12px;}
.topchart .visual > h3{position:absolute;top:12px;left:12px;font-size:14px;font-weight:normal;margin:0}
.topchart .visual > select{position:absolute;top:8px;right:12px;width:105px;border:1px solid #9e9898;background:#ededed url(//s3.ap-northeast-2.amazonaws.com/libro.image/Libro_V6/2017/mobile/c2c/bg_select.png) no-repeat 86px 9px;background-size: 10%;color:#666;padding: 0 20px 0 8px;height:25px;line-height:25px;font-size:12px;}
.topchart .visual > strong{display:block;width:95%;margin:12px auto 25px;font-size:19px;line-height:28px;}
.topchart .visual > span{font-size:14px;line-height:20px;}
.topchart .visual > span.vol{border-bottom:1px solid #000;display:inline-block;font-weight:bold}
.topchart .visual > span:last-child{display:block;width:95%;margin:auto;}

/* 탭 영역 */
.wrap_tab{padding:20px;}
.wrap_tab .tab{border:1px solid #000;overflow:hidden;}
.wrap_tab .tab li{float:left;width:50%;color:#000;font-size:16px;line-height:50px;text-align:center;}
.wrap_tab .tab li.on{color:#fff;background:#000;}

.tab_con .con{display:none;}
.tab_con .con.on{display:block;}

/* 바로 이책들 */
.tab_con .book_list > li{border-bottom:1px solid #ebebeb;overflow:hidden;padding:20px 0;}
.tab_con .book_list > li > a{float:left;margin-bottom:20px;width:40%;font-size:0;}
.tab_con .book_list > li > a img{width:90%;border:1px solid #bbb;}
.tab_con .book_list > li > article{float:right;width:60%;margin-bottom:20px;}
.tab_con .book_list > li > article > ul li{display:inline-block;padding: 0 5px;font-size: 10px;}
.tab_con .book_list > li > article > span,.tab_con .book_list > li > article > strong{display:block;margin-bottom:10px;}
.tab_con .book_list > li > article > .tit{font-size:16px;margin-top:3px;}
.tab_con .book_list > li > article > .author{color:#969696;font-size:12px;}
.tab_con .book_list > li > article > .price{color:#cd2323;font-size:14px;}
.tab_con .book_list > li > article > .price span{font-weight:normal;}
.tab_con .book_list > li > article > a{color:#000;padding-right:12px;font-size:16px;display:inline-block;font-weight:bold;line-height: 16px;}
.tab_con .book_list > li > article > a:last-child{padding-left:12px;padding-right:0;border-left:1px solid #aaa}
.tab_con .book_list > li > p{clear:both;font-size:14px;line-height:18px;margin:0}

/* 의견 */
.tab_con .commont_input{border:1px solid #000;overflow:hidden;margin-top:20px}
.tab_con .commont_input input{border:0 none;float:left;line-height:28px;height:28px;width:82%;text-indent:10px}
.tab_con .commont_input a{background:#d9d9d9;color:#000;line-height:28px;float:right;width:50px;text-align:center;display:block}
.tab_con .commont_list > li{border-bottom:1px solid #ebebeb;padding:15px 0;position:relative;}
.tab_con .commont_list > li > span{color:#999;font-size:13px;}
.tab_con .commont_list > li > strong{display:block;color:#000;font-size:14px;line-height:18px;margin:10px 0}
/* 의견 : 닫기 버튼 */
.del-item-icon {width: 11px; height: 11px; position: absolute; top: 16px; right: 0; background-color: transparent;}
.del-item-icon::before, .del-item-icon::after {content: '';background-color: #000;height: 2px;width: 100%;top: 40%;left: 0;position: absolute;}
.del-item-icon::before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.del-item-icon::after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}


/* iPone 5 */
@media screen and (max-width:320px){
	.tab_con .book_list > li > article > .tit,.tab_con .book_list > li > article > a{font-size:14px;margin-bottom:5px}
	.tab_con .book_list > li > article > .author{font-size:11px;margin-bottom:5px}
	.tab_con .book_list > li > article > .price{margin-bottom:5px}
	.tab_con .book_list > li > a,.tab_con .book_list > li > article{margin-bottom:10px;}
}