@CHARSET "UTF-8";


/*== 기본 레이아웃 ==*/

.container {/* background-color: rgb(228, 226, 226); */  position: relative; clear:both; width:1200px; margin:0 auto;}

body {width:100%; height:100%;}
#wrap {clear:both;}
#header {clear:both; position:relative;  }
#header #util_menu { border-bottom:#d2d2d2 1px solid; }
#header #nav {position: relative; border-bottom:#464646 1px solid; height: 74px; }

/* 유틸메뉴 */
#header .util_menu {overflow: hidden; padding:5px 0px;}
#header .util_menu ul {float: right; clear:both; overflow:hidden;}
#header .util_menu ul li {position: relative; float:left; margin:0 15px 0 0; padding:0 9px 0 0;}
#header .util_menu ul li.last {margin:0; padding:0; background:none;}
#header .util_menu ul li a {color:#666; font-size:12px; line-height: 1.5;}
#header .util_menu ul li a.on {color:red;}
#header .util_menu ul li:after {content: ""; position: absolute; top: 3px; left: -13px; background-color: #8c8c8c; width: 1px; height: 10px;}
/* nav */
#header h1 {position: absolute; top: 22px;}
#header .nav {float: right;}
#header .nav ul {clear:both; overflow:hidden;}
#header .nav ul li {position: relative; float:left; margin:0 53px 0 0; padding: 33px 9px 15px 9px;}
#header .nav ul li.on {background: url(/q_ecobooks/img/bar.png) no-repeat center 71px; z-index: 5;}
#header .nav ul li.last {margin:0; background:none;}
#header .nav ul li a {color:#666; font-size: 18px; height: 100%; font-family:"NanumSquare";}
#header .nav ul li a.on {font-weight: 900; color:#5a5a5a; }
/* srch_top */
#srch_top .tit {border-bottom:1px solid #d2d2d2; overflow: hidden; height: 72px;}
#srch_top .tit h2 {font-size: 30px; font-family:"NanumSquare"; color:#323232; float: left; font-weight: 600;  height: 71px; line-height: 78px; border-bottom:1px solid #000; padding: 0px 9px 0px 9px;}
#srch_top .tit .locator {color: #787878; float: right; font-size: 14px; padding-top:42px;}
#srch_top .tit .locator span{font-size: 14px; }
.srch_top {position:relative; width: 809px; margin: 0px auto; padding-top: 22px; padding-bottom: 38px; margin-top: 7px;}
.srch_top .detail_curation{width: 140px; height: 61px; margin-right: -4px; background-color: #506482; position: relative; box-sizing: border-box; color:#fff; font-size: 16px; padding-left: 37px;} 
.srch_top .detail_curation:after {content:''; background: url(/q_ecobooks/img/curation.png) no-repeat; width:29px; height: 20px; position: absolute; top: 20px; left: 16px;}
.srch_top input {width: 562px; height: 61px; box-sizing: border-box; border:2px solid #b4b4b4; }
.srch_top .search_arrow {padding:5px 18px 0 0; position: absolute; top: 43px; right: 169px; background-color: #fff;}
.srch_top .search_arrow:after {content: ''; position: absolute; top: -12px; right: 0; width: 1px; height: 41px; background-color: #a0a0a0;}
.srch_top .search{position: absolute; background-color: #fff; top:36px; right:123px; font-size: 25px}
.srch_top .detail_search{width:100px; height: 61px; font-size:13px;background-color:#8c6e82; color:white; font-size: 16px;}


.tab_wrap_search {position: absolute; top: 171px; left: 335px;}
.tab_wrap_search .tab { border:1px solid #a0a0a0; width: 560px; border-left:none; background:#ededf2; overflow:hidden; }
.tab_wrap_search .tab li { float:left; width:50%; border-left:1px solid #a0a0a0; box-sizing:border-box; }
.tab_wrap_search .tab li { display:inline-block; color: #323232; text-align: center; font-size: 14px; padding-top:11px; height: 42px; cursor:pointer; }
.tab_wrap_search .tab li.on { background-color:#fff;font-weight: 600; border-bottom:1px solid #fff; z-index: 10;}
.tab_wrap_search .tab_con { clear:both; margin-top:-2px; border:1px solid #a0a0a0; width: 560px; z-index: -1;}
.tab_wrap_search .tab_con div { display:none;  background:#fff;  }
.tab_wrap_search .tab_con .popular_search {overflow: hidden; padding:20px 10px 10px 10px;}
.tab_wrap_search .tab_con .popular_search li {padding-bottom:1px; height: 30px; padding-top:4px; box-sizing: border-box;}
.tab_wrap_search .tab_con .popular_search li:hover {background-color: #ededf2;}
.tab_wrap_search .tab_con .popular_search li a {font-size: 14px; padding-left:9px; display: block; color:#323232;}
.tab_wrap_search .tab_con .popular_search li a span {font-size: 14px; padding-right: 4px;}
.tab_wrap_search .button_wrap {padding:10px; position: relative; background-color: #fff; height: 38px; border: 1px solid #a0a0a0; border-top:none; box-sizing: border-box;}
.tab_wrap_search .button_wrap button {background-color: #fff; box-sizing: border-box; cursor: pointer;}
.tab_wrap_search .button_wrap button.auto_on2 {background-color: #fff; color:#5a5a5a; font-size: 13px; box-sizing: border-box; cursor: pointer; position: absolute; top: 9px; right: 17px;}
.tab_wrap_search .button_wrap .button_box {position: absolute; top: 10px; right: 14px;}
.tab_wrap_search .button_wrap .button_box .auto_off {padding-left:32px;}
.tab_wrap_search .tab_con .auto {padding:19px 0px 27px 12px; font-size: 14px;}
.tab_wrap_search .tab_wrap .button_wrap {overflow: hidden;}
.tab_wrap_search .tab_wrap .button_wrap .auto_on {float: right; padding-right:5px;}
.tab_wrap_search .tab_con .popular_search.padding {padding-top:5px;}
.tab_wrap_search .tab_con .popular_search.auto_p {padding-top:10px;}
.tab_wrap_search .tab_con .popular_search a span {color:#f06964;}

#curation_menu{width: 100%;}
.curation_menu {overflow: hidden; border: 1px solid #464646; background-color: #fff; box-sizing: border-box; }
.curation_menu li { float: left; box-sizing: border-box;  padding:0 32.4px; height: 50px; line-height: 50px; text-align: center;}
.curation_menu li:first-child a.hambuger{background: url(/q_ecobooks/img/exit.png) no-repeat center #fff;}
.curation_menu li a {display: inline-block; font-family:"NanumSquare" ; padding:0px 5px; width: 100%; height: 100%; color:#8a8a8a; font-size: 17px; font-weight: 500;}
.curation_menu li a:hover{background: url(/q_ecobooks/img/bar.png) repeat-x center 47px;  color:#787878; font-weight: 600;}
.curation_menu li a.on {color:#787878; background: url(/q_ecobooks/img/bar.png) repeat-x center 47px; font-weight: 800;}
.curation_menu li.cm_arrow1 {background: none; margin-left: 9px; padding:0px 10px; box-sizing: border-box; width: 50px; background-color: #ededf2; border-left: 1px solid #464646;}
.curation_menu li.cm_arrow1 a {font-size: 16px; padding: 0px; font-family: "Nanum Gothic";}
.curation_menu li.cm_arrow1 a.on{background: none;}
.curation_menu li.cm_arrow2 a {font-size: 16px; padding: 0px; font-family: "Nanum Gothic"; }
.curation_menu li.cm_arrow2 a.on{background: none;}
.curation_menu li.cm_arrow1 a:hover{background: none;}
.curation_menu li.cm_arrow2 a:hover{background: none;}
.curation_menu li.cm_arrow2 {box-sizing: border-box; padding:0px 10px; width: 50px; background-color: #ededf2; border-left: 1px solid #464646; border-right: none}
.school_min {position: absolute; top: 57px; right: 191px;}
.school_min ul {overflow: hidden;}
.school_min ul li {float: left; width: 80px; height: 30px; line-height: 30px; text-align: center; box-sizing: border-box; border: 1px solid #646464; margin-left:-1px }
.school_min ul li:first-child {margin-left: 0px;}
.school_min ul li a.on {display: block; color:#fff; background-color: #506482;}

/* footer */
.footer {border-top:1px solid #b4b4b4}
.footer .info{overflow: hidden; width: 1001px; margin: 0 auto;}
.footer .info li{float: left;  padding:11px 53px 10px 0; position: relative;}
.footer .info li:after {content: ''; position: absolute; top: 16px; left: -27px; width:1px; height: 12px; background-color: #9f9f9f;}
.footer .info li:last-child {padding-right: 0px;}
.footer .info li a {font-size: 14px;}
.footer .info_last {background-color: #dcdcdc; height: 100px; box-sizing: border-box; padding-top:20px;}
.footer .info_last ul { width: 996px;  margin: 0 auto; overflow: hidden;}
.footer .info_last ul li {float: left; padding-right:140px; font-size: 14px; font-weight: 600; color:#5a5a5a;}
.footer .info_last ul li:nth-child(2) {padding-right:0px;}
.footer .info_last ul li span {font-size: 14px; font-weight: 900; color:#323232;}

/***************************/
/***************************/
/***************************/
/***************************/

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic.eot);
  src: local('Nanum Gothic'),
       local('NanumGothic'),
       url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic.woff) format('woff'),
       url(../font/NanumGothic.ttf) format('truetype');
}
.cf::after {
	content:'';
	clear: both;
	display: block;
}
button {
	cursor: pointer;
}
.box {
	width: 1200px;
	margin:0 auto;
	position: relative;
}
.text {
	font-size:14px;
	color:#5a5a5a;
	line-height: 24px;
}
div.no-border {
	border:none;
}


/*	책목록(bookcase)	*/
.bookcase {
	width: 1200px;
	margin:0 auto;
	position: relative;	
}
.bookcase::after {
	content:'';
	display: block;
	clear: both;
}
.bookcase img {
	width: 100%;
	height: 100%;
}
.bookcase li {
	width: 216px;
	height: 310px;
	border:1px solid #cdcdcd;
	position: relative;
	margin-right: 27px;
	margin-bottom: 27px;
	float: left;
}
.bookcase li:nth-child(5n) {
	margin-right: 0;
}

.book-info {
	width: 186px;
	height: 245px;
	display: table-cell;
	vertical-align: top;
}
.book-title {
	display: inline-block;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	width: 186px;	
	overflow: hidden;
	white-space: normal;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
	max-height:2.4em;
	line-height: 1.2;;
}
.book-write {
	font-size:14px;
	color:#fff;
	display: block;
}
.book-icon {
	width: 186px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}
.icon-ebook {
	width: 50px;
	height: 20px;
	background:#f4792a;
	color:#fff;
	font-size:13px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
.icon-recommend {
	display: inline-block;
	width: 45px;
	height: 20px;
	background:url('../img/schoolbooks/tag-represent.png') no-repeat center;
	vertical-align: middle;
}
/*	더보기버튼	*/
.more_view{
	margin: 0 auto;
    padding: 30px 0; width:1200px;
	}
input.btn_more{
	margin: 10px 0 20px 50px;
    width: 1100px;
    height: 50px;
    font-size: 15px;
    color: #898989;
    background: url(../img/02_main/tri3.png) no-repeat 580px 21px,#e8e8e8;
    box-sizing: border-box;
    font-size: 15px;
}
input.btn_more:hover{opacity:0.9}
input.btn_more:focus{outline:none;}


	/* 탑버튼(top.jsp)	
#top {
	width: 50px;
	height: 40px;
	position: fixed;
	right:150px;
	bottom:50px;
	transition:all 0.4s;
}
.btn_top {
	width: 100%;
	height: 100%;
	font-size:12px;
	font-weight: bold;
	color:#5a5a5a;
	border:1px solid #a0a0a0;
	background: url(../img/00_common/top.png) no-repeat center 7px,#ededf2;
	line-height: 4.3;
} */

/*	전체보기 버튼	*/
a.btn_careerBook_all {
	position: absolute;
	top:40%;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	right:0;
	background:#b7b7b7;
	color:#fff;
	width: 110px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	font-size:14px;
	font-weight: normal;
}
a.btn_careerBook_all:hover {
	background:#a3a3a3;
}

/*	책상세(bookDetail.jsp)	*/

.book_head{position:relative;/* background:#595354; */}
.book_head_info{position:relative;margin:0 auto; width:1200px;height: 480px;}
.info_book_wrap {
  position:absolute;top:79px; left:10px;
  width:210px; height:300px;
  box-shadow: 4px 0 8px 0 rgba(0,0,0,0.4);
}
.info_book_wrap img {
  width:210px; height:300px;	
}
/* .back_btn {
	width: 30px;
	height: 30px;
	position: absolute;
	top:-15px;
	left:-15px;
	background:url(../img/00_common/back_off.png) no-repeat;
}
.back_btn:hover {
	background:url(../img/00_common/back_on.png) no-repeat;
} */
.book_head_info>.book_name{
  padding:80px 30px 0 270px;width:100%; height:150px;
  color:#fff; font-size:22px;font-weight: bold;
  box-sizing:border-box;
 
}
.book_head_info>.book_dl{
  margin-left:270px;
  font-size:14px;
  width:910px;
  border-bottom:1px solid #dcdcdc;
  padding-bottom: 5px;
}
.book_head_info>.book_dl>*{
  width:80%;
  display:inline-block;
  line-height:22px;color:#5a5a5a;
  color:#fff;
}
.book_head_info>.book_dl>dt{width:115px;font-weight: bold;vertical-align:top;}
.book_head_info>.book_dl>dd{}
.book_head_info>input[type="button"]{}
.book_head_info>input[type="button"]:focus{outline: none;}
 .book_head_info>input[type="button"].btn_ebook{
  width:146px;height:40px;
  background:url(../img/schoolbooks/sb-icon-ebook.png) no-repeat 10px 6px,rgba(0,0,0,.2);
  border-radius:20px;border:1px solid rgba(180,180,180,.2);
  color:#fff; vertical-align:top;text-indent: 15px;
  font-size: 15px;
} 
/* .book_head_info>input[type="button"].btn_ebook{
  margin:15px 5px 0 400px;width:122px;height:32px;
  opacity: 0.55
} */
.book_head_info>input[type="button"].ebook_rent{
  background:url(../img/schoolbooks/Course-button-rent.png) no-repeat;
  opacity: 0.6;
}
.book_head_info>input[type="button"].ebook_request{
  background:url(../img/schoolbooks/Course-button-request.png) no-repeat;
  opacity: 0.6;
}
.book_head_info>input[type="button"].ebook_reserve{
  background:url(../img/schoolbooks/Course-button-reserve.png) no-repeat;
  opacity: 0.6;
}
.book_head_info>input[type="button"].btn_ebook:hover,
.book_head_info>input[type="button"].btn_like_book:hover{
  background-color:rgba(0,0,0,.35)
}
.book_head_info>input[type="button"].btn_like_book{
  width: 146px;
    height: 40px;
    background: url(../img/00_common/sb-icon-star.png) no-repeat 20px 5px,rgba(0,0,0,.3);
    border-radius: 20px;
    border:1px solid rgba(180,180,180,.2);
    line-height: 38px;
    color: #fff;
    font-size: 15px;
    text-indent: 15px;
}
.book_head_key{
  	/* position: relative; */
  	position: absolute;
  	display:inline-block;
  	height:105px;
	/* margin-top:30px; */
  	/* padding-left: 300px; */
  	bottom: 10px;
  	left: 270px;
}
.book_head_key>img{position: relative;top:4px;margin-right: 5px;}
.book_head_key>span{
  display:inline-block;
  width:910px;
  border-bottom:4px solid #dcdcdc;
  font-size: 18px;font-weight: bold;
  line-height: 42px;color:#F4792A;
  opacity: 0.5;
}
.book_head_key>span>img{
	position:relative;
	top:7px;
	margin-right:5px;
}
.book_head_key>ul{margin-top:15px;display: inline-flex;}
.book_head_key_ul:BEFORE { content: url("/img/schoolbooks/sb-icon-keyword.png"); margin-left: -5px; padding-top: 5px; padding-right: 5px; }
.book_head_key_ul>li{
  margin-right:10px;float:left; width: 146px; padding:0 15px;  height:40px;
  font-size:14px;color:#fff;line-height: 35px;
  border-radius: 20px;text-align: center; border:1px solid #F4792A;
  box-sizing:border-box; cursor: pointer;
}

.book_head_button {
    /* position: relative; */
    position: absolute;
    display: inline-block;
    height: 30px;
	/* margin-top: 30px; */
    /* padding-left: 300px; */
    bottom: 138px;
    left: 270px;
}
.book_head_button>input[type="button"]{}
.book_head_button>input[type="button"]:focus{outline: none;}
.book_head_button>button.btn_ebook{
  margin-right: 10px;
  width:146px;height:40px;
  background:url(../img/schoolbooks/sb-icon-ebook.png) no-repeat 10px 6px,rgba(0,0,0,.2);
  border-radius:20px;border:1px solid rgba(180,180,180,.2);
  color:#fff; vertical-align:top;text-indent: 15px;
  font-size: 15px;
} 

.book_head_button>button.btn_loan{
  margin-right: 10px;
  width:146px;height:40px;
  background:url(../img/schoolbooks/sb-icon-loan.png) no-repeat 20px 6px,rgba(0,0,0,.2);
  border-radius:20px;border:1px solid rgba(180,180,180,.2);
  color:#fff; vertical-align:top;text-indent: 15px;
  font-size: 15px;
} 
.book_head_button>input[type="button"].ebook_rent{
  background:url(../img/schoolbooks/Course-button-rent.png) no-repeat;
  opacity: 0.6;
}
.book_head_button>input[type="button"].ebook_request{
  background:url(../img/schoolbooks/Course-button-request.png) no-repeat;
  opacity: 0.6;
}
.book_head_button>input[type="button"].ebook_reserve{
  background:url(../img/schoolbooks/Course-button-reserve.png) no-repeat;
  opacity: 0.6;
}
.book_head_button>input[type="button"].btn_ebook:hover,
.book_head_button>button.btn_loan:hover,
.book_head_button>input[type="button"].btn_like_book:hover{
  background-color:rgba(0,0,0,.35)
}
.book_head_button>input[type="button"].btn_like_book{
  width: 146px;
  height: 40px;
  background: url(../img/schoolbooks/sb-icon-star.png) no-repeat 20px 5px,rgba(0,0,0,.2);
  border-radius: 20px;
  border:1px solid rgba(180,180,180,.2);
  line-height: 38px;
  color: #fff;
  font-size: 15px;
  text-indent: 15px;
}

/** 2018.03.16 수정 
 1) 관심도서 on 색상 추가
 2) 서지정보 영역 배경 추가 
**/
.book_head_button>input[type="button"].btn_like_book.on { background-color: #ed7691; opacity: 1; }
.book_head_info { z-index: 4; }
.book_head_bg_overlay { position: absolute; width: 100%; height: 480px; top: 0; background-color: black; opacity: 0.6; z-index: 3; }
.book_head_bg_overlay_blur { position: absolute; width: 100%; height: 480px; top: 0; overflow: hidden; z-index: 2; }
.book_head_bg_img { position: absolute; width: 100%; height: 480px; top: 0; background-repeat: no-repeat; background-size: cover; background-position: 50%; z-index: 1; }

.head_key_box {
	width: 850px;
	box-shadow:1px 1px 5px 1px rgba(0,0,0,0.5);
	background:#232837;
	border-radius:8px;
	padding:30px 0;
	position: relative;
	margin-top: 25px;
	display: none;
}
.slide_box {
	width: 760px;
	margin:0 auto;
}
.mini_bookcase {
	
}
.mini_bookcase li {
	width: 120px;
	height: 200px;
	float: left;
	position: relative;
	margin-left: 40px;
}
.mini_bookcase li:nth-child(1) {
	margin-left: 0;
}
.mini_bookcase img {
	width: 120px;
	height: 160px;
}
.mini_bookcase .book-info {
	width: 120px;
	height: auto;
}
.mini_bookcase .book-title {
	width: 120px;
	font-size:13px;
}
.bookslide_prev,.bookslide_next {
	position: absolute;
	width: 16px;
	height: 34px;
	top:50%;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	opacity: 0.8;
}
.bookslide_prev {
	background:url(../img/schoolbooks/arrow-w-left.png) no-repeat;
	left:13px;
}
.bookslide_next {
	background:url(../img/schoolbooks/arrow-w.png) no-repeat;
	right:13px;
}
.tri {
	position: absolute;
	top:-16px;
  left: 96px;
  width: auto;
}