/* 검색 전체 영역에 관한 부분 */
caption {text-indent: -9999px;}
#SearchBook{text-align:left;}
#SearchBook form input, #SearchBook form img, #SearchBook form select{margin:0;padding: 0 10px 0 10px;vertical-align:middle; box-sizing: border-box;}
#SearchBook form input[type=text], #SearchBook form select{width:100%}


#SearchBook ul{list-style:none;padding:0;margin:0;}
#SearchBook li{padding:0; margin:0;}
#SearchBook fieldset{padding:0;margin:0;border:0px;}
#SearchBook form legend{display:none;}
#SearchBook form input.textbox{padding:2px 0 2px 4px;	vertical-align:middle;border:1px solid #ddd; margin-right:2%}
/* 종단위/책단위 영역 */
#SearchBook div.JongBook{overflow:hidden;text-align:center;vertical-align:middle;margin-bottom:20px;background:#f9f9f9;border:1px dotted #ccc;padding:20px 0;font-size:14px;}
/* 검색 탑 영역  */
#SearchBook div.SearchTop {background: #ddd;     padding: 25px 0;       margin-bottom: 50px;    width: 100%; height: 100px; 
    text-align: center; background:url("./../../../design_image/common/sub/sub_searchbookimg.jpg") no-repeat; background-size:cover;

}
#SearchBook div.SearchTop .SearchTop_box{overflow: hidden;width:92%;    margin: 0 auto;	display: inline-block; margin-top:20px; margin-left: 8%;
box-sizing: border-box; }
#SearchBook div.SearchTop .tit {font-size:18px;color:#111;font-weight:600;margin-right:48px;float:left;}
#SearchBook div.SearchTop #search_field{float:left;width:20%;font-size:14px;border:1px solid #fff;color:#111;float:left;padding:0;line-height: 52px;
    height: 52px;box-shadow: none; border-radius:0; background-color:#fff !important; background-image:none; background:no-inherit;}
	#SearchBook div.SearchTop #search_field option{background:#fff}
#SearchBook div.SearchTop #search_text{width:60%; height: 52px; font-size:16px;border:1px solid #fff;color:#111;float:left;padding:0; 
    box-shadow:none !important; border-radius:0;background-color:#fff !important; box-sizing: border-box;
-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#SearchBook div.SearchTop input.search_text{width:82%;}

.search_field:after{content:"";display:block;clear:both}
.SearchTop_box:after{content:""; display:block;clear:both}

#search_field2_WRaP:before{content: "";    position: absolute;    top: 50%;    right: 15px;
    width: 0;    height: 0;    margin-top: 15px;    border-left: 5px solid transparent;
    border-right: 5px solid transparent;    border-top: 5px solid #333;}
#search_field2_WRaP{position: relative;     width: 18%;}
#SearchBook div.DetailList{padding:15px 20px;overflow:hidden;border:1px dotted #ccc;text-align: center;}
#SearchBook div.DetailList .tit {font-size:18px;color:#111;font-weight:600;float:left;}
#SearchBook div.DetailList ul{}
#SearchBook div.DetailList ul li{margin:0;height:50px;vertical-align:middle;}
#SearchBook div.DetailList ul li #search_field2, #search_field3 {height:35px; width:100%; font-size:14px; background:none; border:1px solid #ddd; color:#333;box-sizing: border-box; float:left; margin-right:2% !important;box-shadow:none !important; border-radius:0;background-color:#fff !important;
-webkit-appearance: none;-moz-appearance: none;appearance: none; text-indent:5px}
#SearchBook div.DetailList ul li #search_text2, #search_text3 {height:35px; width:60%; font-size:14px; background:none; border:1px solid #ddd; padding-left:10px; color:#333;box-sizing: border-box;float:left;  margin-right:2%;box-shadow:none !important; border-radius:0;background-color:#fff !important;
-webkit-appearance: none;-moz-appearance: none;appearance: none; text-indent:5px}
#SearchBook div.DetailList ul li #ao2, #ao3 {height:35px; width:18%; font-size:14px; background:none; border:1px solid #ddd;color:#333;box-sizing: border-box;float:left;box-shadow:none !important; border-radius:0;background-color:#fff !important;
-webkit-appearance: none;-moz-appearance: none;appearance: none; text-indent:5px}
#SearchBook div.DetailList ul li #search_sort {height:35px; width:79%; font-size:14px; background:none; border:1px solid #ddd;color:#333; box-sizing:border-box;float: left;box-shadow:none !important; border-radius:0;background-color:#fff !important;
-webkit-appearance: none;-moz-appearance: none;appearance: none; text-indent:5px}	
#SearchBook div.DetailList ul li #bws {height:35px; width:80px; font-size:14px; background:none; border:1px solid #ddd;color:#333;}
#SearchBook div.DetailList ul li #formclass {height:35px; width:79%; font-size:14px; background:none; border:1px solid #ddd;color:#333;margin-top:0px;box-shadow:none !important; border-radius:0;background-color:#fff !important;
-webkit-appearance: none;-moz-appearance: none;appearance: none; text-indent:5px}
#SearchBook div.DetailList ul li #start_date{height:35px; width:20%; font-size:14px; background:none; border:1px solid #ddd;color:#333;float:left;margin-right: 2%;box-shadow:none !important; border-radius:0;background-color:#fff !important;
-webkit-appearance: none;-moz-appearance: none;appearance: none; text-indent:5px}
#SearchBook div.DetailList ul li #end_date {height:35px; width:20%; font-size:14px; background:none; border:1px solid #ddd;color:#333;float:left;margin-right:2%; margin-left:2%;box-shadow:none !important; border-radius:0;background-color:#fff !important;
-webkit-appearance: none;-moz-appearance: none;appearance: none; text-indent:5px}
#SearchBook div.DetailList ul li #search_local {height:35px; width:79%; font-size:14px; background:none; border:1px solid #ddd;color:#333;float:left;box-shadow:none !important; border-radius:0;background-color:#fff !important;
-webkit-appearance: none;-moz-appearance: none;appearance: none; text-indent:5px}

#SearchBook div.TopLine{margin:30px 0 0 0;text-align:left;}
#SearchBook div.ResultList{width:100%;}
#SearchBook .book_list_title{padding:14px 0 4px 0;}
/* 기본 책 검색 리스트 */
#SearchBook table.BookList{width:100%;border-collapse:collapse;border-top:2px solid #d3d0cd;}
#SearchBook table.BookList th{	padding:8px 0;text-align:center;border-bottom:1px solid #d3d0cd;}
#SearchBook table.BookList td{text-align:center;border-bottom:1px solid #d3d0cd;}
/* 책이미지 영역 */
#SearchBook table.BookList td.BookImageArea{padding:10px 0;}
#SearchBook table.BookList td.BookImageArea a:hover {text-decoration:none;}
#SearchBook table.BookList td.BookImageArea .BookImage {margin-bottom:10px;}
.book_ss{background:#084883;color:#fff;padding:7px 10px;font-size:13px;border:1px solid #084883;display:inline-block;margin-top:0px;}
/* 책 상세 정보 페이지 */
#SearchBook table.BookList td.BookInfo{text-align:left;padding:10px 0;}
#SearchBook table.BookList td.BookInfo table{width:100%;padding:0 10px;}
#SearchBook table.BookList td.BookInfo table th.title{width:110px; padding:3px 0 3px 10px; vertical-align:top;	text-align:left;	font-weight:bold; border:0px;background:url("/design_image/common/sub/icon_li_li.png") no-repeat 0px 10px;}#SearchBook table.BookList td.BookInfo td.text{padding:3px 0;	vertical-align:top;	border:0px;	text-align:left;	}
#SearchBook table.BookList a.MoreStory{font-weight:bold; color:#fff; border:1px solid #0072bc; padding:3px 10px; font-size:13px; background:#0072bc; border-radius:10px;line-height:30px;}
#SearchBook table.BookList tbody.BookListDetail td{padding:4px 0;}
#SearchBook table.BookList tr.selected td{background:#f4f4f4;}
/* 페이징 */
#SearchBook .Paging{padding:10px 0 45px 0; text-align:center;}
#SearchBook .Paging img{vertical-align:middle;	}
#SearchBook .Paging .nowPage{font-size:1.2em;font-weight:bold;color:#0072bc;}
#SearchBook div.MARC{text-align:right;}

a.MoreStory{background:#3b5fae;color:#fff;padding:0 10px;font-size:13px;border:1px solid #3b5fae;display:inline-block;}

/*추가*/
.SB_button03{width: 30%;     font-size: 14px;    vertical-align: middle;    background: #084883;
    color: #fff;    /* float: left; */    padding: 15px 0;    margin: 0 auto;	border:0}
.sort_Title2 {    width: 20%;    text-align: left;    float: left;    margin-top: 20px !important;
    line-height: 35px;}
.NO50{height:auto !important;margin-bottom: 10px !important;}
.hae_list  a{color:#666 !important}
.hae_list  a:linked, a:visited, a:hover{color:#666 !important}
#SearchBook div.SearchTop  .SB_button{width:14%;font-size:14px;vertical-align:middle;    
	background: #084883;color:#fff;float:left;
    border: 0;}

/*추가*/
.sort_Title{float:left; line-height:35px; margin-right:2% !important}
.S_FloatL:after{content:"";
display:block;
clear:both}
		.sort_Title2{width:20%; text-align:left; float: left;margin-top:0px;
    line-height: 35px;}
.S_FloatL{height:auto} 
.DetailList li{ float:left; width:100%}
.DetailList ul:after{content:"";
display:block;
clear:both}
.S_FloatL span{float:left; line-height:35px}



@media screen and (min-width:320px)and (max-width:500px){ 

#SearchBook div.SearchTop  .SB_button img {width :100%;}

}


/*======================================================================================================*/
@media screen and (min-width:300px){

#SearchBook div.SearchTop  .SB_button{width:10%;font-size:14px;vertical-align:middle;    background: #084883;
				color:#fff;float:left; height: 54px;    border: 0;}

#SearchBook div.SearchTop .SB_button2 {width:9%;font-size:14px; vertical-align:middle;    background: #2579c5;
				color:#fff;float:left;  margin-left:2px; border: 0; height: 54px;}

}

/*======================================================================================================*/
@media screen and (min-width:768px){


#SearchBook div.DetailList ul li #end_date {width:28%;}
#SearchBook div.SearchTop  .SB_button{width:10%;font-size:14px;vertical-align:middle;    background: #084883;
				color:#fff;float:left; height: 54px;    border: 0;}
#SearchBook div.SearchTop .SB_button2 {width:9%;font-size:14px; vertical-align:middle;    background: #2579c5;
				color:#fff;float:left;  margin-left:2px; border: 0; height: 54px;}
#SearchBook div.SearchTop #search_field{width: 12%; padding-left:20px; box-sizing: border-box; border-right:1px solid #ddd; }
#SearchBook div.SearchTop #search_text{width:66%; padding-left:20px;}	
#SearchBook div.DetailList ul li #search_text2, #search_text3 {width:68%; }
#SearchBook div.DetailList ul li #ao2, #ao3 {width:10%;}	
#SearchBook div.DetailList ul li #start_date{width:28%; }
.sort_Title{width:20%; text-align:left}
#SearchBook div.DetailList ul li #search_sort {width:78%}	
	.sort_Title2 {
    width: 20%;
    text-align: left;
    float: left;
    margin-top: 13px !important;
    line-height: 42px;
    margin-right: 2% !important;
}
#SearchBook div.DetailList ul li #formclass {     width: 78%;    font-size: 14px;    float: left;    /* margin-top: 13px; */}
#SearchBook div.DetailList ul li #search_local {width:70%; }


}



/*======================================================================================================*/
@media screen and (min-width:1200px){
		.sort_Title{width:20%}
	#SearchBook div.DetailList ul li #search_sort {width:28%}	
		.sort_Title2{width:18%; margin-left:2% !important;margin-top: 0px !important;line-height:35px}

#SearchBook div.DetailList ul li #formclass {
    width: 24%;
    float: left;
    vertical-align: top;
    margin-right: 0;
    /* margin-left: 0; */
    /* margin: 0; */
    /* padding: 0; */
}

	
	
	
	}
.SearchTop_box input::placeholder {font-size:16px;
font-weight:600;
color:#000}