/*search */
.searchCon{margin-bottom:50px;display:flex;align-items:center; justify-content:center;}
.searchCon > div{padding:0px 20px 0px 0px;display:flex;align-items:center;border-bottom:1px solid #aaa;}
.searchCon select{padding:0px 10px;}
.searchCon input{padding:0px 10px;height:30px;width:150px;}
.searchCon button{background-color:white;font-size:20px;}

.searchCon select, 
.searchCon input, 
.searchCon button {border:0px;outline:none;height:30px;height:30px;}

/* list */
.book_list{display:grid;grid-template-columns:repeat(4, 1fr); gap:50px 0px;}
.book_list li{display:block;}
.book_list li .chk_box{margin-bottom:5px;display:flex;align-items:center;}
.book_list li .chk_box input{width:20px;height:20px;}
	
.book_list li a{display:block;width:250px;margin:0px auto;}

.book_list li .photo{margin-bottom:15px;position:relative;width:100%;height:0px;padding-bottom:140%;border:1px solid #eee;background:no-repeat center center;background-size:cover;}

.book_list li .subject{margin-bottom:10px;font-size:18px;color:#333;}
.book_list li .subject .new{display:inline-flex;align-items:center;justify-content:center;height:20px; font-size:12px;background-color:tomato;color:white;border-radius:3px;}
.book_list li .auth{font-size:14px;color:#888;line-height:18px;height:18px;}
.book_list li .date{font-size:14px;color:#888;line-height:18px;height:18px;}

/*view*/
img{max-width:100%;}
.book_name{margin-bottom:15px;font-size:23px;color:black;}
.book_name .book_subject{margin-bottom:5px;}
.book_name .keyword{margin-bottom:10px;display:flex;align-items:center;line-height:23px;color:#555;font-size:16px;}
.book_name .keyword span{margin-right:5px;}

.view_head{margin-bottom:50px;display:flex;padding-top:30px;}
.view_head .photo{padding:10px;display:flex;justify-content:center;width:40%;min-width:300px;border:1px solid #ddd;}
.view_head .info{width:60%;padding-left:50px;padding-top:10px;}
.view_head .photo img{width:100%;max-width:250px;}

.view_head .info ul{}
.view_head .info ul li{margin-bottom:20px;display:flex;align-items:center;color:#333;line-height:25px; font-size:17px;}
.view_head .info ul li .head{width:80px;font-weight:600;}
.view_head .info ul li .text{width:calc(100% - 80px);}
.view_head .info ul li .wr_link{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0px 20px;background-color:teal;color:white;font-size:15px;border-radius:5px;}

.view_head .info ul li.pdf{margin-top:30px;display:flex;align-items:center;flex-wrap:wrap;}
.view_head .info ul li.pdf a{margin-right:10px;margin-bottom:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #aaa;font-size:14px;line-height:20px;padding:8px 15px;background-color:steelblue;color:white;border-radius:5px;}
.view_head .info ul li.pdf a i{margin-right:10px;}
.book_cont{padding:0px 20px;font-size:16px;line-height:28px;color:#333;}
.book_cont p{font-size:16px;line-height:28px;}

/*write*/
.divmb-flex{display:flex;align-items:center;}
.divmb-flex span{width:80px;}
.divmb-flex input[type='text']{width:calc(100% - 80px);}

#input-container{padding-top:30px;}
.input-box {padding:15px; display:grid;grid-template-columns: 1fr 150px ;margin-bottom:10px; border:1px solid #aaa;border-radius:10px;}
.input-box .input{}
.input-box .manage{display:flex;padding:0px 10px;}
.input-box input { margin-right: 10px; }
.add-btn, .remove-btn { margin-right:5px;padding:0px 15px;cursor: pointer; height:40px;border:1px solid #aaa; }
.remove-btn{background-color:orangered;color:white;border-color:orangered;}


.wz_list{width:100%;}
.wz_list > li{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ccc;}
.wz_list > li .info{position:relative;}
.wz_list li.wz_photo{display:flex;}

.wz_list li.wz_photo .photo{width:180px;margin-right:50px;}
.wz_list li.wz_photo .info{width:calc(100% - 230px);}

.wz_list li.wz_text{display:block;}
.wz_list li.wz_text .info{width:100%;}
.wz_list li.wz_text .data{width:100%}

.wz_list > li .subject{margin-bottom:20px;font-size:17px;font-weight:700;}

.wz_list > li ul li{margin-bottom:15px;display:flex;font-size:16px;}
.wz_list > li ul li .head{width:90px;}
.wz_list > li ul li .text{width:calc(100% - 90px);}
.wz_list > li ul li .head span{display:inline-flex;align-items:center;justify-content:center;width:70px;height:30px;border-radius:15px;background-color:slateblue;color:white;font-size:14px;}

.wz_list > li .info .detailCon{padding-top:10px;display:flex;align-items:center;}
.wz_list > li .info .detail{display:inline-flex;align-items:center;justify-content:center;height:35px;padding:0px 30px;background-color:yellowgreen;color:white;font-size:15px;border-radius:5px;}


/**/
.imageCon{margin-bottom:40px;}
.imageCon #bo_v_img{display:grid;grid-template-columns: repeat(2 ,1fr);gap:30px;}
.imageCon #bo_v_img a{display:flex;padding:0px 10px;text-align:center;}
.imageCon #bo_v_img a img{max-width:100%;}