/*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;height:35px;padding:0px 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);}