/*공통*/
	.container1{max-width: 1920px; margin: 0 auto;}
	.container2{width: 1280px; margin: 0 auto; min-width: 320px;}
	h1, h2, h3, h4, h5, h6{margin: 0; padding: 0;}
	.txt-flow{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.txt-flow2{
		text-overflow: ellipsis; overflow: hidden; word-break: break-word; 
		display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	}
	.txt-flow3{
		text-overflow: ellipsis; overflow: hidden; word-break: break-word;
		display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
	}

	.main-title{
		font-family: Pretendard; font-size: 38px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; text-align: center; color: #000;
	}

	.no-img{
	  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #f2f2f2;
	  display: flex; align-items: center; justify-content: center; text-decoration: none;
	  font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal;
	  line-height: normal; letter-spacing: normal; color: #cbcbcb;
	}

	.warning-msg{
		text-align: center; width: 100%; font-family: Pretendard; font-size: 28px; font-weight: normal; font-stretch: normal;
		font-style: normal; line-height: normal; letter-spacing: normal; color: #000;
	}
	.warning-msg:before{
		content: ''; display: block; background: url(../img/warning-icon.svg) no-repeat center / 100%; margin: 0 auto;
		width: 140px; height: 140px; margin-bottom: 32px;
	}
	a.viewer-link.pc{display: inline-flex;}	/*viewer*/
	a.viewer-link.mo{display: none;}	/*viewer*/
/*공통*/

/*폰트*/
	@font-face{font-family: 'Pretendard'; src: url('../font/Pretendard-Regular.woff') format('woff'); font-weight: normal; font-style: normal;}
	@font-face{font-family: 'Pretendard'; src: url('../font/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal;}
	@font-face{font-family: 'Pretendard'; src: url('../font/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal;}
	@font-face {font-family: 'Pretendard'; src: url('../font/Pretendard-Bold.woff') format('woff'); font-weight: bold; font-style: normal;}
	@font-face{font-family: 'Pretendard'; src: url('../font/Pretendard-Black.woff') format('woff'); font-weight: 900; font-style: normal;}
/*폰트*/

body{background: 0; font-family: 'Pretendard';}

/*header(헤더)*/
	.header{background: #fff; position: relative; z-index: 11;}
	.header.fixed{position: fixed; top: 0; left: 0; width: 100%;}
	.header.fixed:not(.mobile) .header-top{display: none;}
	.header.fixed.mobile .logo{display: none;}
	.header.fixed.mobile .logo{display: none;}
	.header-top{border-bottom: 1px solid #cbcbcb;}
	.header-top .wrapper{display: flex; justify-content: space-between; align-items: center; position: relative; padding: 47px 0;}
	.header-top .logo{position: relative;}
	.header-top .logo > *{display: inline-block;}
	.header-top .logo a{display: inline-block; top: 50%; left: 0; transform: translateY(-50%); position: absolute;}
	.header-top .header-top-center{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.header-top-right *{display: inline-block;}
	.header-top-right .login-btn{margin-right: 20px;}
	.header-top-right a{color: #000; text-decoration: none; font-weight: 900; margin-right: 20px;}

	.book-search-box > span{position: relative;}
	.book-search-box input[type="text"]{
		width: 416px; height: 60px; border: 1px solid #707070; border-radius: 30px; padding: 5px 60px 5px 32px; 
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; box-sizing: border-box;
	}
	.book-search-box input[type="text"]::placeholder{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #d3d3d3;
	}
	.header.fixed:not(.mobile) .book-search-box input[type="text"]{
		width: 320px; height: 40px; padding: 12px 60px 10px 32px; line-height: normal; letter-spacing: normal; margin-right: 20px;
		font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
	}
	.header.fixed:not(.mobile) .book-search-box input[type="text"]::placeholder{font-size: 16px;}
	.header.fixed:not(.mobile) .book-search-box input[type="image"]{right: 45px;}
	.book-search-box input[type="image"]{position: absolute; top: 50%; transform: translateY(-50%); right: 25px; border: 0;}

	#searchDiv { width:100%; display:flex; justify-content: center;}
	.requestBook-search-box > span{position: relative;margin: 0 auto;}
	.requestBook-search-box input[type="text"]{
		width: 716px; height: 60px; border: 1px solid #707070; border-radius: 30px; padding: 5px 60px 5px 32px; 
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; box-sizing: border-box;
	}
	.requestBook-search-box input[type="text"]::placeholder{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #d3d3d3;
	}
	.header.fixed:not(.mobile) .requestBook-search-box input[type="text"]{
		width: 320px; height: 40px; padding: 12px 60px 10px 32px; line-height: normal; letter-spacing: normal; margin-right: 20px;
		font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
	}
	.header.fixed:not(.mobile) .requestBook-search-box input[type="text"]::placeholder{font-size: 16px;}
	.header.fixed:not(.mobile) .requestBook-search-box input[type="image"]{right: 45px;}
	.requestBook-search-box input[type="image"]{position: absolute; top: 50%; transform: translateY(-50%); right: 25px; border: 0;}


	.header-bottom{text-align: center; border-bottom: 1px solid #cbcbcb;}
	.header-bottom .wrapper{position: relative; box-sizing: border-box; padding: 24px 0;}
	.header.fixed .header-bottom .wrapper{padding: 22px 0; text-align: left;}
	.header.mobile .header-bottom .wrapper{text-align: left;}
	.header-bottom nav{display: inline-block; vertical-align: top;}
	.header-bottom ul{list-style: none; display: inline-block; padding: 0; margin: 0;}
	.header-bottom nav ul li{display: inline-block; vertical-align: middle;}
	.header-bottom nav ul li:nth-child(-n + 4){margin-right: 60px;}	/*헤더(대출베스트, 새로나온책)*/
	.header-bottom ul li a{
		font-family: Pretendard; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; text-align: left; color: #000; text-decoration: none;
	}
	.header-bottom ul li:hover a, .header-bottom ul li.on a{font-weight: bold;}
	.header-bottom-right{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
	.header-bottom-right .header-bottom-input{display: none;}
	.header.fixed .blank-space{display: inline-flex; align-items: center;}
	.header-bottom-right .header-btn-group > *{margin-right: 23px;}
	.header.fixed .header-bottom-right .header-bottom-input{display: inline;}
	.header-bottom .header-bottom-right .category-space{position: relative; display: inline-block;}
	.header-bottom .header-bottom-right button{outline: 0; border: 0; background: 0; cursor: pointer;}
	.header-bottom .header-bottom-right button img{display: inline;}
	.header-bottom .header-bottom-right .category-space .category-list{
		position: absolute; right: 0; bottom: -28px; transform: translateY(100%); border-radius: 0 0 10px 10px;
		box-shadow: 0 0 5px rgba(0, 0, 0, .16); background: #fff; display: none; overflow: hidden;
	}
	.header-bottom .header-bottom-right .category-space .category-list.on{display: block;}
	.header-bottom .header-bottom-right .category-space .category-list h4{
		text-decoration: none; padding: 20px 24px 14px;
	}
	.header-bottom .header-bottom-right .category-space .category-list h4 span{
		display: block; border-bottom: 1px dashed #cbcbcb; padding-bottom: 20px; font-size: 20px;
		font-family: Pretendard; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.6;
		letter-spacing: normal; text-align: left; color: #000; 
	}
	.header-bottom .header-bottom-right .category-list ul{list-style: none; margin: 0; padding: 0; width: 308px;}
	.header-bottom .header-bottom-right .category-list li{display: block;}
	.header-bottom .header-bottom-right .category-list li a{display: block; width: 100%; padding: 15px 32px; box-sizing: border-box;}
	.header-bottom .header-bottom-right .category-list .category-item:hover{background: #f2f2f2; cursor: pointer;}
	.header-bottom .header-bottom-right .category-space .category-list.on{display: block;}
/*header(헤더)*/

/*swiper버튼*/
	.swiper-button-prev{left: 0; margin-top: 0; transform: translateY(-50%);}
	.swiper-button-next{right: 0; margin-top: 0; transform: translateY(-50%);}
	.swiper-button-prev:after{
		content: ''; background: url(../img/btn-slide-prev.svg) no-repeat; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px;
	}
	.swiper-button-next:after{
		content: ''; background: url(../img/btn-slide-next.svg) no-repeat; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px;
	}
/*swiper버튼*/

/*메인-신간*/
	.new-book-space .wrapper{padding: 80px 0 155px;} 
	.new-book-list-wrapper{position: relative; padding: 0 100px; box-sizing: border-box; height: 590px; margin-top: 60px;}
	.new-book-list-wrapper2{position: relative; overflow: hidden; height: 100%;}

	.new-book-list{width: 1070px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.new-book-list ul{list-style: none; margin: 0; padding: 0; height: auto;}
	.new-book-list ul li{display: flex; align-items: center;}

	.new-book-list ul li.swiper-slide-active{justify-content: flex-start;}
	.new-book-list ul li.swiper-slide-next{justify-content: center;}
	.new-book-list ul li.swiper-slide-next + li{justify-content: flex-end;}

	.new-book-list ul li figure{
		width: 340px; height: 580px; box-sizing: border-box; border-radius: 20px; box-shadow: 3px 3px 6px rgba(0,0,0,.16);
		padding: 20px; margin: 5px; position: relative; transition: background .5s;
	}
	.new-book-list ul li figure .img-wrapper{
		height: 400px; overflow: hidden; position: relative; margin-bottom: 30px; border-radius: 20px; background: #eee;
	}
	.new-book-list ul li figure .img-wrapper img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.new-book-list ul li figure h4{
		font-family: Pretendard; font-size: 22px; font-weight: 600; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; text-align: center; color: #000; text-decoration: none; margin-bottom: 20px;
	}
	.new-book-list ul li figure h5{
		font-family: Pretendard; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; 
		text-align: center; background: 0;
	}
	.new-book-list ul li figure h5.writer{font-size: 18px; color: #000; margin-bottom: 10px;}
	.new-book-list ul li figure h5.pub{font-size: 16px; color: #808080;}
	.new-book-list ul li figure .book-detail-btn{
		position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; background: rgba(0, 0, 0, .75); border-radius: 50%;
		width: 50px; height: 50px; line-height: 48px; text-align: center; cursor: pointer; transform: scale(0); opacity: 0; transition: opacity 1s, transform 0s 1s;
	}
	.new-book-list ul li figure .book-detail-btn a{font-size: 50px; color: #fff; text-decoration: none;}

	.new-book-list ul li figure.new-book-hover:hover .book-detail-btn{transform: scale(1); opacity: 1; transition: opacity 2s;}
	.new-book-list ul li figure.new-book-hover:hover{background: #f2f2f2;}

	.new-book-dir-btn{width: 80px; height: 80px; border-radius: 50%; border: 1px solid #eee; box-sizing: border-box;}
/*메인-신간*/

/*메인-quick메뉴*/
	.quick-btn-group{background: #f2f2f2; padding: 60px 0;}
	.quick-btn-group ul{
		margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
	}
	.quick-btn-group ul li{
		background: #fff; border-radius: 15px; width: 180px; height: 180px; box-sizing: border-box; 
		display: flex; align-items: center; justify-content: center;
	}
	.quick-btn-group ul li a{
		display: block; font-family: Pretendard; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; text-align: center; color: #000; text-decoration: none;
	}
	.quick-btn-group ul li img{margin-bottom: 20px;}
	.quick-btn-group ul li h3{text-align: center; background: 0;}
/*메인-quick메뉴*/

/*메인-베스트*/
	.main-best .wrapper{border-bottom: 1px dashed #707070; padding: 40px 0;}
	.best-list{display: flex; justify-content: space-between; margin-top: 20px;}
	.best-1st{margin-right: 72px;}
	.best-1st ul{margin: 0; padding: 0; list-style: none;}
	.best-1st ul li{}
	.best-1st figure{width: 360px; height: 620px; border-radius: 20px; overflow: hidden; box-shadow: 3px 3px 6px rgba(0,0,0,.16);}
	.best-1st figure > a{display: inline-block; width: 100%; vertical-align: top; text-decoration: none;}
	.best-1st figure a{text-decoration: none;}
	.best-1st figure .img-wrapper{width: 100%; height: 460px; position: relative; overflow: hidden;}
	.best-1st figure img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.best-1st figure figcaption{padding: 51px 61px; position: relative; box-sizing: border-box; height: 160px;}
	.best-1st figure figcaption b{
		position: absolute; top: 0; left: 0; color: #fff; text-align: center; width: 41px; height: 41px;
		padding: 10px 17px 10px 16px; background-color: #ed8031; box-sizing: border-box;
	}
	.best-1st figure figcaption h4{
		font-family: Pretendard; font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 16px; text-decoration: none;
	}
	.best-1st figure figcaption h5{
		background: 0; font-family: Pretendard; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #707070;
	}

	.best-other-list-wrapper{
		overflow: hidden; width: calc(100% - 432px); height: 480px; position: relative; padding-right: 108px;
		box-sizing: border-box; margin: -5px 0;
	}
	.best-other-list-wrapper2{overflow: hidden;}
	.best-other-list{width: 852px; padding: 5px 0;}

	.best-other-list figure{width: 240px; height: 470px; border-radius: 20px; overflow: hidden; box-shadow: 3px 3px 6px rgba(0,0,0,.16);}
	.best-other-list figure > a{display: inline-block; width: 100%; vertical-align: top;}
	.best-other-list figure a{text-decoration: none;}
	.best-other-list figure .img-wrapper{width: 100%; height: 360px; position: relative; overflow: hidden;}
	.best-other-list figure img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.best-other-list figure figcaption{padding: 36px 38px; position: relative;}
	.best-other-list figure figcaption b{
		position: absolute; top: 0; left: 0; background: #000; color: #fff; width: 28px; height: 28px;
		box-sizing: border-box; display: flex; align-items: center; justify-content: center;
	}
	.best-other-list figure figcaption h4{
	  font-family: Pretendard; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal;
	  line-height: normal; letter-spacing: normal; color: #000; text-decoration: none; margin-bottom: 12px;
	}
	.best-other-list figure figcaption h5{
		font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #707070; background: 0;
	}

	.best-book-dir-btn{width: 80px; height: 80px; border-radius: 50%; border: 1px solid #eee; box-sizing: border-box; right: 0;}
	.best-book-dir-btn:after{font-size: 25px;}
/*메인-베스트*/

.border-design{display: none; border-top: 1px dashed #707070; width: calc(100% - 48px); margin: 0 auto;}

/*메인-추천도서*/
	.recommend-space .wrapper{padding: 40px 0 40px;}
	.recommend-list-wrapper{position: relative; padding: 0 100px; height: 410px; margin-top: 20px;}
	.recommend-list-wrapper2{position: relative; height: 100%; overflow: hidden;}
	.recommend-list{width: 1100px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 5px 0;}
	.recommend-list li{display: flex; justify-content: center; align-items: center;}
	.recommend-list li a{text-decoration: none;}
	.recommend-list figure{
		width: 240px; height: 400px; border-radius: 20px; overflow: hidden; box-shadow: 1px 2px 4px rgba(0,0,0,.2); overflow: hidden; position: relative;
	}
	.recommend-list figure > a{display: inline-block; width: 100%; vertical-align: top; text-decoration: none;}
	.recommend-list figure img{width: 100%; height: 100%;}
	.recommend-list figure figcaption{
		padding: 21px 33px; position: absolute; bottom: 10px; left: 10px; right: 10px; background: #fff;
		border-radius: 20px; box-sizing: border-box;
	}
	.recommend-list figure figcaption h4{
		margin-bottom: 20px; font-family: Pretendard; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal;
		line-height: 1.25; letter-spacing: normal; text-align: center; color: #000; text-decoration: none; height: 40px;
	}
	.recommend-list figure figcaption h5{
		font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; text-align: center; background: 0;
	}
	.recommend-list figure figcaption h5.writer{color: #000; margin-bottom: 8px;}
	.recommend-list figure figcaption h5.pub{color: #808080;}

	.recommend-dir-btn{width: 80px; height: 80px; border-radius: 50%; border: 1px solid #eee; box-sizing: border-box;}
	.recommend-dir-btn:after{font-size: 25px;}
	.recommend-dir-btn.swiper-button-prev{left: 0;}
	.recommend-dir-btn.swiper-button-next{right: 0;}
/*메인-추천도서*/

/*footer(푸터)*/
	footer{background: #f2f2f2; padding: 48px 0;}

	footer .footer-top{display: flex; border-bottom: 1px solid rgba(112, 112, 112, .23); padding-bottom: 60px;  margin-bottom: 40px;}
	footer .footer-top > div{flex: 1 0 auto;}

	footer .footer-logo{max-width: 100%;}

	footer ul{list-style: none; margin: 0; padding: 0;}
	footer h3{
		margin: 0 0 20px; background: 0; font-family: Pretendard; font-size: 18px; font-weight: bold;
		font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;
	}

	footer .footer-top li:not(:last-child){margin-bottom: 16px;}
	footer .footer-top li a{
	  font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
	  line-height: normal; letter-spacing: normal; color: #000;
	}

	footer .footer-top .app-download-ul li{display: inline-block; vertical-align: middle; margin-bottom: 0;}
	footer .footer-top .app-download-ul li:first-child{margin-right: 20px;}

	footer .footer-bottom{display: flex;}
	footer .footer-bottom .fcopy{flex: 1 0 auto; margin-left: 85px;}
	footer .footer-bottom ul{display: flex; margin-bottom: 13px;}
	footer .footer-bottom ul li:not(:last-child){margin-right: 48px;}
	footer .footer-bottom ul li a{
		font-family: Pretendard; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #707070;
	}
	footer .footer-bottom .copyright, footer .footer-bottom .copyright *{
		font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: 1.8; letter-spacing: normal; color: #707070;
	}
	footer .footer-bottom .copyright b{font-weight: bolder; margin-left: 9px;}
	footer .footer-bottom .copyright .br{display: none;}
/*footer(푸터)*/

/*로그인쪽*/
	.login-form{display: flex; width: 416px; flex-direction: column; margin: 0 auto; box-sizing: border-box;}
	.login-form h2{
	  font-family: Pretendard; font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal;
	  line-height: normal; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 40px;
	}
	.login-form input[type="text"]{margin-bottom: 12px;}
	.login-form input[type="password"]{margin-bottom: 24px;}
	.login-form input[type="text"],
	.login-form input[type="password"]{
		display: inline-block; width: 100%; height: 48px; padding: 16px 28px;
		border-radius: 10px; background-color: #f5f5f5; box-sizing: border-box;
	}

	.login-form .btn{
	  width: 100%; height: 64px; border-radius: 20px; background-color: #6cb0ea;
	  text-align: center; margin-bottom: 24px; box-sizing: border-box; cursor: pointer;
	}

	.login-form .btn .loginbtn{background: 0; width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center;}
	.login-form .btn input{
		font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal;
		font-style: normal; line-height: 1.27; letter-spacing: normal; color: #fff;
		background: 0; text-decoration: 0; display: block; width: 100%; height: 100%;
	}


	.login-form .btn-group{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
	.login-form .btn-group a{
		display: flex; align-items: center; justify-content: center; width: 200px; height: 48px;
		border-radius: 24px; border: solid 3px #a0a0a0; box-sizing: border-box; text-align: center;
		text-decoration: none; text-align: center; color: #a0a0a0; line-height: normal; letter-spacing: normal;
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.login-form .btn-group a:nth-child(-n + 2){margin-bottom: 12px;}
	.login-form .btn-group a:last-child{width: 100%;}
/*로그인쪽*/

/*sub 경로*/
	.sub-header{margin: 20px auto; box-sizing: border-box;}
	.sub-header ul{list-style: none; margin: 0; padding:0;}
	.sub-header ul li{display: inline-block;}
	.sub-header ul li:nth-child(1):before{
		content: ''; background: url(../img/path-home.svg) no-repeat; width: 23px; height: 23px; display: inline-block;
		vertical-align: top; margin-right: 20px; position: relative; top: -3px;
	}
	.sub-header ul li:nth-child(n + 2):before{
		content:'>'; display: inline-block; margin: 0 12px; font-weight: bolder; color: #a0a0a0; position: relative; top: 1px;
	}
	.sub-header ul li *{
		font-family: Pretendard; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #a0a0a0; vertical-align: middle;
	}
	.sub-header ul li:last-child *{color: #000;}
/*sub 경로*/
	
/*도서상세*/
	/*도서상세-책정보*/
		.bookview1{display: flex; margin-bottom: 108px;}
		.bookview1 > div:first-child{margin-right: 124px; flex: 0 0 auto;}
		.bookview1 .book-img1{width: 308px; height: 480px; border-radius: 10px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16); margin: 5px auto;}
		.bookview1 > div:last-child{flex-grow: 1;}
		.bookview1 .book-info1{padding-bottom: 40px; border-bottom: 1px solid #cbcbcb; margin-bottom: 40px;}
		.bookview1 .tit{
			margin-bottom: 24px; font-family: Pretendard; color: #000; background: 0;
			font-size: 32px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal;
		}
		.bookview1 .tit-sub{
			text-decoration: none; margin-bottom: 24px; font-family: Pretendard; font-size: 24px;
			font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;
		}
		.bookview1 .writer-pub1{background: 0;}
		.bookview1 .writer-pub1 > span{
			font-family: Pretendard; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #707070; 
		}
		.bookview1 .book-info2{padding-bottom: 40px; border-bottom: 1px solid #999; margin-bottom: 40px;}
		.bookview1 .book-info2 span, .bookview1 .book-info3 span{font-size: 11px; color: #999;}
		.bookview1 .book-info2 li span, .bookview1 .book-info3 li span{
			font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #707070;
		}
		.bookview1 .book-info2 .tt, .bookview1 .book-info3 .tt{
			display: inline-block; width: 83px; height: 19px; margin-right: 60px; font-family: Pretendard; font-size: 16px;
			font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal;color: #000;
		}
		.bookview1 .book-info2 li:nth-child(-n + 5){margin-bottom: 12px;}
		.bookview1 .book-info3{margin-bottom: 48px;}
		.bookview1 .book-info3 .stars{height: 20px; width: 129px;}
		.bookview1 .book-info3 .stars.star{display: none;}
		.bookview1 .btnarea span{background: 0; width: 200px; height: 48px;}

		.book-info4 h2{
		margin-bottom: 40px; font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000;
		}
		.book-info4 p{
			background: #f5f5f5; border-radius: 20px; padding: 48px 40px; margin-bottom: 80px;
			font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 1.56; letter-spacing: normal; color: #505050;
		}
		.book-info4 p b{
			font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 1.56; letter-spacing: normal; color: #000; font-weight: bold
		}
	/*도서상세-책정보*/
	/*도서상세-리뷰*/
		.score1{display: flex; align-items: center;  margin-bottom: 24px;}
		.score1 li{width: 15%; float: none; margin-right: 35px; display: flex; align-items: center;}
		.score1 li > label{width: auto; flex: 1 0 auto;}
		.stars{
			background-position: 0 50%; width: 100%; height: 20px; margin: 0; color: transparent;
			display: inline-block; position: relative; top: -2px;
		}
		.star1{background:url(../img/star-1.svg) no-repeat 0 center; background-size: contain;}
		.star2{background:url(../img/star-2.svg) no-repeat 0 center; background-size: contain;}
		.star3{background:url(../img/star-3.svg) no-repeat 0 center; background-size: contain;}
		.star4{background:url(../img/star-4.svg) no-repeat 0 center; background-size: contain;}
		.star5{background:url(../img/star-5.svg) no-repeat 0 center; background-size: contain;}

		.review1 .write1{display: flex; align-items: center;}
		.review1 .write1 textarea{
			resize: none; height: 64px; padding: 18px 28px; border-radius: 20px; background-color: #f5f5f5; width: 100%;
			border: 0; box-sizing: border-box; margin-right: 16px; color: #a0a0a0; line-height: 2; letter-spacing: normal; 
			font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;
		}
		.review1 .write1 > div input{
			width: 200px; height: 48px; border-radius: 24px; border: solid 3px #a0a0a0; box-sizing: border-box; cursor: pointer;
			background: 0; font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #a0a0a0; display: inline-flex; align-items: center; justify-content: center;
		}

		.review1 .list1{margin-bottom: 60px;}
		.review1 .list1 > li:not(.warning-msg){border-bottom: 1px solid #cbcbcb; padding: 30px 0 25px; display: flex; flex-wrap: wrap;}
		.review1 .list1 > li *{float: none;}
		.review1 .list1 > li > div:nth-child(1){width: 100%; margin-bottom: 27px;}
		.review1 .list1 > li > div:nth-child(1) span{
			font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 1.75; letter-spacing: normal;
		}
		.review1 .list1 p{
			flex: 1 0 0; margin-bottom: 0; background: 0; border-radius: 0; padding: 0; margin-right: 10px;
			font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 1.56; letter-spacing: normal; color: #505050;
		}
		.review1 .list1 p a{
			font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 1.56; letter-spacing: normal; color: #505050;
		}
		.review1 .list1 > li .btn-section{flex: 0 0 auto; display: inline-flex; align-items: center;}
		.review1 .list1 > li .btn-section .btns-edit-del{display: inline-flex;}
		.review1 .list1 > li .btn-section a{text-decoration: none; display: inline-block;}
		.review1 .list1 .stars{height: 20px; width: 129px; margin-right: 40px; top: 3px;}
		.review1 .score1 li span.stars{top: -2px; width: 100%;}
		.review1 .list1 .bar{display: inline-block; width: 2px; height: 16px; margin: 0 23px; background: #cbcbcb; vertical-align: middle;}
		.review1 .list1 .modify1{margin-right: 20px;}
		.review1 .list1 .del1{margin-right: 40px;}
		.review1 .list1 > li .btn-section .like1{
		  display: inline-flex; align-items: center; justify-content: center; width: 200px; height: 48px;
		  border-radius: 24px; border: solid 3px #a0a0a0; box-sizing: border-box;
		}
		.review1 .list1 > li .btn-section .like1 *{
		  font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; 
		  line-height: normal; letter-spacing: normal;
		}
		.review1 .list1 > li .btn-section .like1 span{color: #a0a0a0; display: inline-flex; align-items: center;}
		.review1 .list1 > li .btn-section .like1 .like1-icon{margin-right: 23px;}
		.review1 .list1 > li .btn-section .like1 em{font-size: 16px; font-weight: normal; color: #a0a0a0; margin-left: 8px;}
	/*도서상세-리뷰*/
/*도서상세*/

/*(이미지)리스트*/
	/*(이미지)리스트 탑 영역*/
		.sort-view{
			display: flex; align-items: center; justify-content: space-between; background: 0;
			margin-bottom: 60px; height: auto; padding-top: 80px;
		}
		.sort-view > div:nth-child(1){
		  font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		  line-height: normal; letter-spacing: normal; color: #000;
		}
		.sort-view > div:nth-child(2){display: flex; align-items: center;}
		.sort-view .total-list-cnt{color: #000; font-weight: bold;}
		.sort-view .order-select{
			width: 200px; height: 40px; margin-right: 32px; position: relative;
			background: #fff url(../img/select-arrow-down.svg) no-repeat calc(100% - 20px) 50%;
		}

		.sort-view .order-select input{
			display: block; width: 100%; border-radius: 10px; padding: 11px 20px 10px; height: 100%; box-sizing: border-box;
			border: 1px solid #cbcbcb; outline: 0; background: transparent; line-height: normal; letter-spacing: normal; color: #000;
			font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
		}

		.sort-view .order-select ul{
			display: none; position: absolute; bottom: 0; left: 0; width: 100%; list-style: none; transform: translateY(100%);
			background: #fff; border-radius: 0 0 10px 10px; border: 1px solid #cbcbcb; border-top: 0;
			z-index: 1; box-sizing: border-box; overflow: hidden;
		}
		.sort-view .order-select ul li a{
			display: block; width: 100%; height: 100%; padding: 5px 20px; text-decoration: none; box-sizing: border-box;
			font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 2; letter-spacing: normal; color: #000;
		}
		.sort-view .order-select ul li:hover a, .sort-view .order-select ul li.on a{background: #ebebeb; font-weight: 600;}

		.sort-view .order-select.focus input{
			background: #fff url(../img/select-arrow-up.svg) no-repeat calc(100% - 20px) 50%; border-radius: 10px 10px 0 0;
		}
		.sort-view .order-select.focus ul{display: block;}

		.view-type{display: flex; align-items: center; padding: 0;}
		.view-type a{background: 0; display: inline-block;}
		.view-type a:nth-child(1){margin-right: 12px;}
	/*(이미지)리스트 탑 영역*/

	/*그냥리스트*/
		.booklist .list .line1{border-bottom: 1px solid #cbcbcb; display: flex; padding: 62px 0 60px;}
		.booklist .list .line1:nth-child(1){border-top: 1px solid #cbcbcb;}
		.booklist .list .line1 > div:nth-child(1){width: auto; flex: 0 0 auto; margin-right: 55px;}
		.booklist .list .line1 > div:nth-child(2){flex: 1 1 auto; width: 100px; /*임시*/}
		.booklist .list .line1 > div:nth-child(3){display: none; width: 100%; margin-top: 24px;}
		.booklist .list .line1 > div:nth-child(4){width: 200px; flex: 0 0 auto; margin-left: 75px; box-sizing: border-box;}
		.booklist .list .line1 .book-img1{
			width: 160px; height: 248px; border-radius: 10px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
		}
		.booklist .list .line1 .info1 h2{margin-bottom: 20px;}
		.booklist .list .line1 .info1 h2 a{
			font-family: Pretendard; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #000; text-decoration: none;
		}

		.booklist .list .line1 .book-txt{margin-bottom: 52px;}
		.booklist .list .line1 .book-txt li{
			font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #000; display: block; background: 0; padding: 0;
		}
		.booklist .list .line1 .book-txt li:before{
			content: ''; display: inline-block; width: 2px; height: 16px; background: #cbcbcb; vertical-align: middle; margin-right: 12px;
		}
		.booklist .list .line1 .book-txt li:nth-child(-n + 6){margin-bottom: 12px;}
		.booklist .list .line1 .book-note{
		  font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
		  line-height: 1.5; letter-spacing: normal; color: #808080; margin: 0; padding: 0;
		}
	/*그냥리스트*/

	/*이미지 리스트*/
		.booklist2 .list{display: flex; align-items: stretch; flex-wrap: wrap;}
		.booklist2 .list .line{flex: 0 1 20%; box-sizing: border-box; border-right: 1px dashed #cbcbcb; margin-bottom: 100px;}
		.booklist2 .list .line:nth-child(5n){border-right: 0;}

		.booklist2 .list .line .book-img1{
			width: 216px; height: 328px; border-radius: 20px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16); margin: 0 auto 32px;
		}
		.booklist2 .list .line .info{width: 216px; margin: 0 auto; margin-bottom: 40px;}
		.booklist2 .list .line .info h2{margin-bottom: 20px; height: 48px;}
		.booklist2 .list .line .info h2 a{
			font-family: Pretendard; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #000; text-decoration: none;
		}
		.booklist2 .list .line .info h3, .booklist2 .list .line .info h3 *{
			font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; background: 0;
		  }
		.booklist2 .list .line .info h3 .writer{color: #000;}
		.booklist2 .list .line .info h3 .pub{color: #808080;}
	/*이미지 리스트*/
	
	/*paging*/
		.paging-wrapper{overflow-x: auto;}
		.paging1{
			margin: 0 auto; white-space: nowrap; text-align: center;
		}
		.paging1 a{
			width: 32px; height: 32px; border: 1px solid #ebebeb; border-radius: 10px;
			font-family: Pretendard; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #707070; text-decoration: none; margin-right: 4px;
			box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
		}
		.paging1 a:last-child{margin-right: 0;}
		.paging1 .prev{margin-right: 4px;}
		.paging1 .on{
			border: 0; padding: 8px 11px; background-color: #000; color: #fff;
		}
	/*paging*/
/*(이미지)리스트*/
/*카테고리 > 검색결과*/
	.search-result-title{
		margin-bottom: 24px; font-family: Pretendard; font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000;
	}
	.search-result-txt, .search-result-txt b{
		margin-bottom: 40px; font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000;
	}
	.search-result-txt b{font-weight: bold;}

	.tabbox1{margin-bottom: 80px; background-color: #fff; border: 0; padding: 0;}
	.tabbox1 ul.tab4{list-style: none; border-radius: 20px; border: solid 1px #cbcbcb; padding: 50px 56px;}
	.tabbox1 ul.tab4 li{background: 0; width: 252px; float: none; display: inline-block; margin-bottom: 20px;}
	.tabbox1 ul li a{
	  margin-right: 40px; font-family: Pretendard; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal;
	  line-height: normal; letter-spacing: normal; color: #000; text-decoration: none;
	}
	.tabbox1 ul li em{
		margin-left: 8px; font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #707070;
	}
/*카테고리 > 검색결과*/


/*view쪽 버튼*/
	.bookview1 .btn-bg, .bookview1 .btn-bg *{
		background: 0; width: 100%; display: inline-flex; align-items: center; justify-content: center; height: 48px;
	}
	.bookview1 .btn-bg{border-radius: 24px; margin-bottom: 10px;}
	.bookview1 .btn-bg.blue-v1, .bookview1 .btn-bg.blue-v1 *{
		box-sizing: border-box; color: #6cb0ea!important; line-height: normal; letter-spacing: normal; 
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.bookview1 .btn-bg.blue-v1{border: 3px solid #6cb0ea;}
	.bookview1 .btn-bg.blue-v1:hover{background: #6cb0ea;}
	.bookview1 .btn-bg.blue-v1:hover *{color: #fff!important;}
	.bookview1 .btn-bg.green-v1, .bookview1 .btn-bg.green-v1 *{
		box-sizing: border-box; color: #8ab940!important; line-height: normal; letter-spacing: normal; 
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.bookview1 .btn-bg.green-v1{border: 3px solid #8ab940;}
	.bookview1 .btn-bg.green-v1:hover{background: #8ab940;}
	.bookview1 .btn-bg.green-v1:hover *{color: #fff!important;}
	.bookview1 .btn-bg.gray-v1, .bookview1 .btn-bg.gray-v1 *{
		box-sizing: border-box; color: #a0a0a0!important; line-height: normal; letter-spacing: normal; 
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.bookview1 .btn-bg.gray-v1{border: 3px solid #a0a0a0;}
	.bookview1 .btn-bg.gray-v1:hover{background: #a0a0a0;}
	.bookview1 .btn-bg.gray-v1:hover *{color: #fff!important;}
	.bookview1 .btn-bg.black-v1, .bookview1 .btn-bg.black-v1 *{
		box-sizing: border-box; color: #000!important; line-height: normal; letter-spacing: normal; 
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.bookview1 .btn-bg.black-v1{border: 3px solid #000;}
	.bookview1 .btn-bg.black-v1:hover{background: #000;}
	.bookview1 .btn-bg.black-v1:hover *{color: #fff!important;}
/*view 버튼*/

/*리스트형 버튼*/
	.booklist .btn-bg, .booklist .btn-bg *{
		background: 0; width: 100%; display: inline-flex; align-items: center; justify-content: center; height: 48px;
		left: 0;
	}
	.booklist .btn-bg{border-radius: 24px; margin-bottom: 10px;}

	.booklist .btn-bg.blue-v1, .booklist .btn-bg.blue-v1 *{
		box-sizing: border-box; color: #6cb0ea!important; line-height: normal; letter-spacing: normal; 
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.booklist .btn-bg.blue-v1{border: 3px solid #6cb0ea;}
	.booklist .btn-bg.blue-v1:hover{background: #6cb0ea;}
	.booklist .btn-bg.blue-v1:hover *{color: #fff!important;}
	.booklist .btn-bg.green-v1, .booklist .btn-bg.green-v1 *{
		box-sizing: border-box; color: #8ab940!important; line-height: normal; letter-spacing: normal; 
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.booklist .btn-bg.green-v1{border: 3px solid #8ab940;}
	.booklist .btn-bg.green-v1:hover{background: #8ab940;}
	.booklist .btn-bg.green-v1:hover *{color: #fff!important;}
	.booklist .btn-bg.gray-v1, .booklist .btn-bg.gray-v1 *{
		box-sizing: border-box; color: #a0a0a0!important; line-height: normal; letter-spacing: normal; 
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.booklist .btn-bg.gray-v1{border: 3px solid #a0a0a0;}
	.booklist .btn-bg.gray-v1:hover{background: #a0a0a0;}
	.booklist .btn-bg.gray-v1:hover *{color: #fff!important;}
	.booklist .btn-bg.purple-v1, .booklist .btn-bg.purple-v1 *{
		box-sizing: border-box; color: #8c55c3!important; line-height: normal; letter-spacing: normal; 
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.booklist .btn-bg.purple-v1{border: 3px solid #8c55c3;}
	.booklist .btn-bg.purple-v1:hover{background: #8c55c3;}
	.booklist .btn-bg.purple-v1:hover *{color: #fff!important;}
	.booklist .btn-bg.black-v1, .booklist .btn-bg.black-v1 *{
		box-sizing: border-box; color: #000!important; line-height: normal; letter-spacing: normal;  text-decoration: none; 
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
	}
	.booklist .btn-bg.black-v1{border: 3px solid #000;}
	.booklist .btn-bg.black-v1:hover{background: #000;}
	.booklist .btn-bg.black-v1:hover *{color: #fff!important;}
/*리스트형 버튼*/

/*이미지리스트형 버튼*/
	.booklist2 .btnarea{width: 216px; margin: 0 auto;}
	.booklist2 .btn-bg, .booklist2 .btn-bg *{
		width: 99px; height: 32px; background: 0; display: inline-flex; align-items: center; justify-content: center;
		margin-right: 0; left: 0;
	}
	.booklist2 .btn-bg{border-radius: 16px; margin-bottom: 10px;}

	.booklist2 .btn-bg.blue-v1, .booklist2 .btn-bg.blue-v1 *{
		font-family: Pretendard; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; box-sizing: border-box; color: #6cb0ea!important; 
	}
	.booklist2 .btn-bg.blue-v1{border: 3px solid #6cb0ea;}
	.booklist2 .btn-bg.blue-v1:hover{background: #6cb0ea;}
	.booklist2 .btn-bg.blue-v1:hover *{color: #fff!important;}
	.booklist2 .btn-bg.green-v1, .booklist2 .btn-bg.green-v1 *{
		font-family: Pretendard; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; box-sizing: border-box; color: #8ab940!important; 
	}
	.booklist2 .btn-bg.green-v1{border: 3px solid #8ab940;}
	.booklist2 .btn-bg.green-v1:hover{background: #8ab940;}
	.booklist2 .btn-bg.green-v1:hover *{color: #fff!important;}
	.booklist2 .btn-bg.gray-v1, .booklist2 .btn-bg.gray-v1 *{
		font-family: Pretendard; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; box-sizing: border-box; color: #a0a0a0!important; 
	}
	.booklist2 .btn-bg.gray-v1{border: 3px solid #a0a0a0;}
	.booklist2 .btn-bg.gray-v1:hover{background: #a0a0a0;}
	.booklist2 .btn-bg.gray-v1:hover *{color: #fff!important;}
	.booklist2 .btn-bg.purple-v1, .booklist2 .btn-bg.purple-v1 *{
		font-family: Pretendard; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; box-sizing: border-box; color: #8c55c3!important; 
	}
	.booklist2 .btn-bg.purple-v1{border: 3px solid #8c55c3;}
	.booklist2 .btn-bg.purple-v1:hover{background: #8c55c3;}
	.booklist2 .btn-bg.purple-v1:hover *{color: #fff!important;}
	.booklist2 .btn-bg.black-v1, .booklist2 .btn-bg.black-v1 *{
		font-family: Pretendard; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; box-sizing: border-box; color: #000!important; text-decoration: none; 
	}
	.booklist2 .btn-bg.black-v1{border: 3px solid #000;}
	.booklist2 .btn-bg.black-v1:hover{background: #000;}
	.booklist2 .btn-bg.black-v1:hover *{color: #fff!important;}
/*이미지리스트형 버튼*/

/*탑10리스트*/
	.best10-title{
	  font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; 
	  line-height: normal; letter-spacing: normal; color: #000; background: 0; margin-bottom: 40px;
	}

	.top10-wrapper{position: relative; left: 50%; transform: translateX(-50%); padding: 105px 0;}
	.top10-wrapper > div{overflow: hidden;}
	.book-list-top10-swiper{width: 1280px; padding: 10px 0; position: relative; left: 50%; transform: translateX(-50%);}

	.new-top10-wrapper{background: #e4eefa;}
	.recommend-top10-wrapper{background: #fceff6;}
	.best-top10-wrapper{background: #f8f6e8;}
	.hope-top10-wrapper{background: #f2f2f2;}
	.book-list-top10 li, .book-list-top10 li a{display: flex; align-items: center; justify-content: center;}
	.book-list-top10 figure{width: 260px; height: 520px; border-radius: 20px; overflow: hidden; box-shadow: 3px 3px 6px rgba(0,0,0,.16);}
	.book-list-top10 a{display: inline-block; width: 100%; vertical-align: top; text-decoration: none;}
	.book-list-top10 figure .img-wrapper{width: 100%; height: 420px;}
	.book-list-top10 figure .img-wrapper .book-img1{width: 100%; height: 100%;}
	.book-list-top10 figure figcaption{padding: 24px 36px; position: relative; background: #fff;}
	.book-list-top10 figure figcaption b{
		position: absolute; top: 0; left: 0; background: #000; color: #fff; text-align: center;
		width: 28px; height: 28px; padding: 6px 0; box-sizing: border-box;
	}
	.book-list-top10 figure figcaption h4{
		font-family: Pretendard; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000; text-decoration: none; margin-bottom: 12px;
	}
	.book-list-top10 figure figcaption h5{
		font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #707070; background: 0;
	}
	.book-list-top10 figure figcaption h5 .bar{margin: 0 12px;}
/*탑10리스트*/

/*카테고리*/
	.now-cate-location{
		font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000; margin: 40px auto 24px; 
	}
/*카테고리*/
/*이용안내*/
	.manual1 h2{
		margin-bottom: 60px; font-family: Pretendard; font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000;
	}
	.manual1 h3{
		background: 0; margin-bottom: 40px; font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal;
		font-style: normal; line-height: normal; letter-spacing: normal; color: #000; display: flex; align-items: center;
	}
	.manual1 h3 .numbering{
		width: 32px; height: 32px; margin-right: 16px; border-radius: 10px; background-color: #000;
		display: inline-flex; align-items: center; justify-content: center;
		font-family: Pretendard; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; 
		line-height: normal; letter-spacing: normal; color: #fff; min-width: 32px;
	}

	.manual1 .gray-block{padding: 45px 40px; border-radius: 20px; background-color: #f5f5f5; margin-bottom: 75px;}
	.manual1 .gray-block, .manual1 .gray-block *{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; 
		line-height: 1.56; letter-spacing: normal; color: #505050;
	}

	.manual1 .gray-block b{font-weight: 600;}

	.manual1 h4{
		margin-bottom: 24px; font-family: Pretendard; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000; text-decoration: none;
	}

	.manual1 .con-2 p{padding-left: 40px; box-sizing: border-box; margin-bottom: 40px;}
	.manual1 .con-2 p:last-child{margin-bottom: 80px;}
	.manual1 .con-2 p, .manual1 .con-2 p *{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; 
		line-height: 1.56; letter-spacing: normal; color: #000;
	}

	.manual1 .con-2 p b{font-weight: bold;}
	.manual1 .con-2 p .gray-color{color: #a0a0a0;}
	.manual1 .con-2 p .gray-color b{font-weight: bold; color: #a0a0a0;}
	.manual1 .con-2 p .viewer-download{
		display: inline-block; padding: 18px 40px; border-radius: 20px; background-color: #6cb0ea;
		font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; 
		line-height: 1.27; letter-spacing: normal; color: #fff; margin-top: 24px; text-decoration: none;
	}
	.manual1 .con-2 p .support-browser{margin-top: 16px; display: inline-block;}

	.manual1 .use-step{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
	.manual1 .use-step li{
		width: 400px; height: 410px; margin: 0 16px 16px 0; padding: 46px 40px; border-radius: 20px; border: solid 1px #cbcbcb;
		box-sizing: border-box;
	}
	.manual1 .use-step li .numbering2{
		margin-bottom: 16px; font-family: Pretendard; font-size: 60px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #f2f2f2;
	}
	.manual1 .use-step li .use-tit{
		margin-bottom: 56px; font-family: Pretendard; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000;
	}
	.manual1 .use-step li p{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: 1.56; letter-spacing: normal; color: #505050;
	}

	.manual1 .use-step .viewer-download{
		display: inline-block; margin-top: 24px; padding: 10px 36px; border-radius: 15px; background-color: #6cb0ea;
		font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #fff; text-decoration: none;
	}
/*이용안내*/

/*대출안내*/
	.lending-manual1 h2{
		margin-bottom: 60px; font-family: Pretendard; font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000;
	}
	.lending-manual1 h3{
		background: 0; margin-bottom: 27px; font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal;
		font-style: normal; line-height: normal; letter-spacing: normal; color: #000; display: flex; align-items: center;
	}
	.lending-manual1 h3 .numbering{
		width: 32px; height: 32px; margin-right: 16px; border-radius: 10px; background-color: #000;
		display: inline-flex; align-items: center; justify-content: center;
		font-family: Pretendard; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; 
		line-height: normal; letter-spacing: normal; color: #fff; min-width: 32px;
	}

	.lending-manual1 ul{list-style: none; margin: 0 0 60px; padding-left: 48px;}
	.lending-manual1 ul li{padding-left: 20px;}
	.lending-manual1 ul li, .lending-manual1 ul li b{
		position: relative; line-height: 1.56; letter-spacing: normal; color: #000;
		font-family: Pretendard; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal;
	}
	.lending-manual1 ul li b{font-weight: bold;}
	.lending-manual1 ul li:before{content: ''; width: 2px; height: 16px; background: #cbcbcb; position: absolute; top: 6px; left: 0;}
/*대출안내*/

/*뷰어 다운로드/안내*/
	.viewer-manual1 h2{
		margin-bottom: 60px; font-family: Pretendard; font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000;
	}
	.viewer-manual1 h3{
		background: 0; margin-bottom: 24px; font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal;
		font-style: normal; line-height: normal; letter-spacing: normal; color: #000; display: flex; align-items: center;
	}
	.viewer-manual1 h3 .numbering{
		width: 32px; height: 32px; margin-right: 16px; border-radius: 10px; background-color: #000;
		display: inline-flex; align-items: center; justify-content: center;
		font-family: Pretendard; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; 
		line-height: normal; letter-spacing: normal; color: #fff; min-width: 32px;
	}
	.viewer-manual1 p{padding-left: 40px; box-sizing: border-box; margin-bottom: 40px;}
	.viewer-manual1 p, .viewer-manual1 p *{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; 
		line-height: 1.56; letter-spacing: normal; color: #000;
	}
	.viewer-manual1 p b{font-weight: bold;}
	.viewer-manual1 p .gray-color{color: #a0a0a0;}
	.viewer-manual1 p .gray-color b{font-weight: bold; color: #a0a0a0;}
	.viewer-manual1 p .viewer-download{
		display: inline-block; padding: 21px 40px; border-radius: 20px; background-color: #6cb0ea; text-align: center;
		margin-top: 60px;
	}
	.viewer-manual1 p .viewer-download, .viewer-manual1 p .viewer-download b{
		font-family: Pretendard; font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; 
		line-height: 1.27; letter-spacing: normal;  text-decoration: none;  color: #fff;
	}
	.viewer-manual1 p .viewer-download b{font-weight: bold;}
	.viewer-manual1 p .support-browser{margin-top: 16px; display: inline-block;}
/*뷰어 다운로드/안내*/

/*미입고도서*/
	.hope-info h2{
		margin: 40px 0; font-family: Pretendard; font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000;
	}
	.hope-info p{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: 1.78; letter-spacing: normal; color: #505050; margin-bottom: 60px;
	}
	.search-space{display: flex; justify-content: flex-end; margin-top: 60px;}
	.search-space .search1{width: 100%; display: flex;}
	.search-space .search1 form{display: flex; justify-content: flex-end; width: 100%;}
	.search-type{
		width: 136px; margin-right: 8px; position: relative; background: #fff url(../img/select-arrow-down.svg) no-repeat calc(100% - 20px) 50%;
	}
	.search-type input[disabled]{
		display: block; width: 100%; border-radius: 10px; padding: 11px 20px 10px; height: 100%; box-sizing: border-box;
		border: 1px solid #cbcbcb; outline: 0; background: transparent; line-height: normal; letter-spacing: normal; color: #000;
		font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
	}

	.search-type ul{
		display: none; position: absolute; bottom: 0; left: 0; width: 100%; list-style: none; transform: translateY(100%);
		background: #fff; border-radius: 0 0 10px 10px; border: 1px solid #cbcbcb; border-top: 0; z-index: 1; box-sizing: border-box;
	}
	.search-type ul li{
		display: block; width: 100%; height: 100%; padding: 5px 20px; text-decoration: none; box-sizing: border-box;
		font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: 2; letter-spacing: normal; color: #000;
	}
	.search-type ul li:hover, .search-type ul li.on{background: #ebebeb; font-weight: 600;}

	.search-type.focus{background: #fff url(../img/select-arrow-up.svg) no-repeat calc(100% - 20px) 50%;}
	.search-type.focus input[disabled]{border-radius: 10px 10px 0 0;}
	.search-type.focus ul{display: block;}

	.search-input-wrapper{width: 415px; height: 48px; position: relative;}
	.search-input-wrapper input[type="text"]{
		display: block; width: 100%; box-sizing: border-box; padding: 9px 65px 9px 30px; border-radius: 10px; border: solid 1px #cbcbcb;
		font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; 
		line-height: 2; letter-spacing: normal;
		
	}
	.search-input-wrapper input[type="text"]::placeholder{
		font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: 2; letter-spacing: normal; color: #a0a0a0;
	}
	.search-input-wrapper .searchbtn{position: absolute; top: 50%; right: 30px; transform: translateY(-50%); border: 0; padding: 0;}

	.sort-view.sort-view2{padding-top: 60px;}
/*미입고도서*/

/*내서재*/
	.mylib-info-top{display: flex; justify-content: space-between; margin-bottom: 40px;}
	.mylib-info-top h2{
		font-family: Pretendard; font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; text-align: left; color: #000;
	}
	.mylib-info-top .welcome-user, .mylib-info-top .welcome-user b{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; text-align: right; color: #000;
	}
	.mylib-info-top .welcome-user b{font-weight: bold;}
	.mylib-menu-list-wrapper{margin-bottom: 100px;}
	.mylib-menu-list-wrapper2{overflow: hidden;}
	.mylib-info .mylib-menu-list{padding-right: 8px;}
	.mylib-category li{
		width: 240px; height: 120px; border-radius: 20px; border: solid 1px #cbcbcb;
		display: flex; align-items: center; justify-content: center;
	}
	.mylib-category li a{
		text-decoration: none; height: 100%; width: 100%;
		display: flex; align-items: center; justify-content: center; flex-direction: column; 
	}
	.mylib-category li a *{
		font-family: Pretendard; font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; 
		line-height: normal; letter-spacing: normal; text-align: center; color: #000; display: block;
	}
	.mylib-category li em{margin-top: 16px; color: #6cb0ea;}
	.mylib-category li span{display: inline;}
	.mylib-category li .color-blue{color: #6cb0ea;}
	.mylib-category li .color-gray{color: #a0a0a0;}
	/* .mylib-category li:not(:last-child){margin-right: 20px;} */
	
	.mylib-category li.on{background: #f5f5f5; border: 0;}
	.mylib-category li.on b, .mylib-category li.on em, .mylib-category li.on em *{font-weight: bold;}
	
	.my-lib-menu-dir-btn{display: none;}
	.my-lib-menu-dir-btn{width: 12px; height: 18px;}
	.my-lib-menu-prev-btn:after{background: url(../img/paging-prev.svg) no-repeat;}
	.my-lib-menu-next-btn:after{background: url(../img/paging-next.svg) no-repeat;}

	/*대출중*/
		.lendinglist .list .line1 > div:nth-child(2){display: flex; flex-direction: column; justify-content: space-between;}
		.lendinglist .list .line1 .rent-date{}
		.lendinglist .list .line1 .rent-date li{
			font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #808080;
		}
		.lendinglist .list .line1 .rent-date .color-orange{color: #ff9300; font-weight: 600;}
		.lendinglist .list .line1 .rent-date li:not(:last-child){margin-bottom: 12px;}
		.lendinglist .list .line1 .rent-date li:before{
			content: ''; display: inline-block; width: 2px; height: 15px; background: #cbcbcb;
			vertical-align: middle; margin-right: 12px; top: 0px; position: relative;
		}
		.lendinglist .list .line1 .rent-date li span{
			width: 80px; margin-right: 30px; font-family: Pretendard; font-size: 18px; font-weight: 600; font-stretch: normal;
			font-style: normal; line-height: normal; letter-spacing: normal; color: #000; display: inline-block;vertical-align: top;
		}
	/*대출중*/
	/*예약중*/
		.bs2df2{border: 0; padding: 0; margin-bottom: 60px;}
		.bs2df2, .bs2df2 *{
			font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 1.78; letter-spacing: normal; color: #505050;
		}
		.bs2df2 .current-state, .bs2df2 .current-state *{color: #000;}
		.bs2df2 .current-state b{font-weight: 600;}
		.bs2df2 .current-state .book-cnt{font-weight: bold;}
		.bs2df2 .current-state .color-blue{color: #6cb0ea;}
		.bs2df2 .current-state .color-green{color: #8ab940;}
		
		.reservelist .list .line1 .rent-date .color-orange{color: #ff9300; font-weight: 600;}
		.reservelist .list .line1 .rent-date li{
			font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #808080;
		}
		.reservelist .list .line1 .rent-date li:not(:last-child){margin-bottom: 12px;}
		.reservelist .list .line1 .rent-date li:before{
			content: ''; display: inline-block; width: 2px; height: 15px; background: #cbcbcb;
			vertical-align: middle; margin-right: 12px; top: 0px; position: relative;
		}
		.reservelist .list .line1 .rent-date li span{
			width: 80px; margin-right: 30px; font-family: Pretendard; font-size: 18px; font-weight: 600; font-stretch: normal;
			font-style: normal; line-height: normal; letter-spacing: normal; color: #000; display: inline-block;vertical-align: top;
		}
	/*예약중*/
	/*대출내역*/
		.record-search{border: 0; padding: 0;}
		.record-search dl{display: flex;}
		.record-search .select-sort{margin-bottom: 24px;}
		.record-search dl dt{
			width: 80px; float: none; font-family: Pretendard; font-size: 18px; font-weight: 600; font-stretch: normal;
			font-style: normal; line-height: 1.78; letter-spacing: normal; color: #000;
		}
		.record-search dl .radio-space label{display: inline-flex; align-items: center;}
		.record-search dl .radio-space span{
			margin-right: 16px; font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 1.78; letter-spacing: normal; color: #000;
		}
		
		.record-search .select-date dd{display: inline-flex;}
		.record-search .select-date dd > div{display: flex; align-items: center;}
		.record-search .select-date dd > div > div{margin-right: 24px; display: flex; align-items: center;}
		.record-search .select-date dd > .select-btn > div{margin-right: 0;}
		.record-search .select-date dd > div > div span{
			font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 1.78; letter-spacing: normal; color: #808080;
		}
		.record-search .select-date dd > div > div.tilde{
			font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; 
			line-height: 1.78; letter-spacing: normal; color: #000; margin: 0 32px 0 12px;
		}
		.record-search .cstm-select{display: inline-block; width: 136px; height: 40px; margin-right: 8px;}
		.record-search .cstm-select ul{height: 300px; overflow-y: auto;}
		.record-search .mm-dd{width: 88px;}
		
		.cstm-select{
			position: relative; background: #fff url(../img/select-arrow-down.svg) no-repeat calc(100% - 20px) 50%;
		}
		

		.cstm-select input{
			display: block; width: 100%; border-radius: 10px; padding: 11px 20px 10px; height: 100%; box-sizing: border-box;
			border: 1px solid #cbcbcb; outline: 0; background: transparent; line-height: normal; letter-spacing: normal; color: #000;
			font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
		}

		.cstm-select ul{
			display: none; position: absolute; bottom: 0; left: 0; width: 100%; list-style: none; transform: translateY(100%);
			background: #fff; border-radius: 0 0 10px 10px; border: 1px solid #cbcbcb; border-top: 0; z-index: 3; box-sizing: border-box;
		}
		.cstm-select ul li{
			display: block; width: 100%; padding: 5px 20px; text-decoration: none; box-sizing: border-box;
			font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: 2; letter-spacing: normal; color: #000;
		}
		.cstm-select ul li:hover, .cstm-select ul li.on{background: #ebebeb; font-weight: 600;}

		.cstm-select.focus{background: #fff url(../img/select-arrow-up.svg) no-repeat calc(100% - 20px) 50%;}
		.cstm-select.focus input{
			border-radius: 10px 10px 0 0;
		}
		.cstm-select.focus ul{display: block;}
		
		.record-search .btn{position: initial;}
		.record-search .btn a{
			width: 88px; height: 48px; display: inline-flex; align-items: center; justify-content: center;
			border-radius: 24px; border: solid 3px #a0a0a0; text-decoration: none;
		}
		
		.historylist .list .line1 .rent-date li{
			font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
			line-height: normal; letter-spacing: normal; color: #808080;
		}
		.historylist .list .line1 .rent-date li:not(:last-child){margin-bottom: 12px;}
		.historylist .list .line1 .rent-date li:before{
			content: ''; display: inline-block; width: 2px; height: 15px; background: #cbcbcb;
			vertical-align: middle; margin-right: 12px; top: 0px; position: relative;
		}
		.historylist .list .line1 .rent-date li span{
			width: 80px; margin-right: 30px; font-family: Pretendard; font-size: 18px; font-weight: 600; font-stretch: normal;
			font-style: normal; line-height: normal; letter-spacing: normal; color: #000; display: inline-block;vertical-align: top;
		}
		
		.record-search .btn-bg.gray-v1, .record-search .btn-bg.gray-v1 *{
			box-sizing: border-box; color: #a0a0a0!important; line-height: normal; letter-spacing: normal; 
			font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
		}
	/*대출내역*/
	/*받은쪽지함*/
		/*받은쪽지함 리스트*/
			.my-msg-list-wrapper .only-no-pc{display: none; padding: 24px 0!important;}
			.my-msg-list-wrapper .only-no-pc *{text-align: left; color: #707070;}
			.my-msg-list-wrapper .only-no-pc div{
				margin-bottom: 16px; font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;
				line-height: normal; letter-spacing: normal; color: #707070;
			}
			.my-msg-list-wrapper .only-no-pc .nbsp{display: inline-block; width: 18px;}
			.my-msg-list-wrapper .only-no-pc p a[title]{
				font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;
				line-height: normal; letter-spacing: normal; color: #000;
			}
			.my-msg-list-wrapper table.list{table-layout: fixed; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}
			.my-msg-list-wrapper table.list thead{border-bottom: 1px solid #cbcbcb;}
			.my-msg-list-wrapper table.list thead th{
				background: 0; border: 0; font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal;
				line-height: normal; letter-spacing: normal; color: #707070; padding: 30px 0;
			}
			.my-msg-list-wrapper table.list tbody tr{border-bottom: 1px dashed #cbcbcb;}
			.my-msg-list-wrapper table.list tbody tr > *{border-bottom: 0;}
			.my-msg-list-wrapper table.list tbody td{padding: 30px 0;}
			.my-msg-list-wrapper table.list tbody td, .my-msg-list-wrapper table.list tbody td a{
				font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
				line-height: normal; letter-spacing: normal; color: #707070;
			}
			.my-msg-list-wrapper table.list tbody td.msg-content a{color: #000;}
			
			.btn-del-msg{
				width: 180px; height: 48px; box-sizing: border-box; color: #a0a0a0!important; line-height: normal;
				letter-spacing: normal; font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal;
				font-style: normal; display: inline-flex; align-items: center; justify-content: center; border-radius: 24px;
				border: solid 3px #a0a0a0; background: 0; outline: 0; cursor: pointer;
			}
		/*받은쪽지함 리스트*/
		/*받은쪽지함 상세*/
			.my-msg-view table.view{border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin-bottom: 60px;}
			.my-msg-view table thead tr{ border-bottom: 1px dashed #cbcbcb;}
			.my-msg-view table thead tr > *{
				background: 0; border: 0; padding: 30px 0 28px; font-family: Pretendard; font-size: 18px; font-weight: normal;
				font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #707070;
			}
			.my-msg-view table thead tr > th{font-weight: bold;}
			.my-msg-view table tbody tr > td{
				padding: 60px 97px; font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
				line-height: 1.5; letter-spacing: normal; color: #000; border: 0;
			}
			.my-msg-view .btn-to-list{
				width: 180px; height: 48px; box-sizing: border-box; color: #a0a0a0!important; line-height: normal;
				letter-spacing: normal; font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal;
				font-style: normal; display: inline-flex; align-items: center; justify-content: center; border-radius: 24px;
				border: solid 3px #a0a0a0; background: 0; outline: 0; cursor: pointer; text-decoration: 0;
			}
		/*받은쪽지함 상세*/
	/*받은쪽지함*/
/*내서재*/

/*로딩중*/
	.loading-layer{
		display: none;  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
		align-items: center; justify-content: center; z-index: 11; background: #fff;
	}
	.loading-layer.on{display: flex;}
	.loading-layer > div{width: 100px; height: 100px; display: flex; align-items: center; justify-content: space-between; }
	.loading-layer > div span{display: inline-block; background: #a0a0a0; width: 22px; height: 22px; border-radius: 22px; position: relative;}
	.loading-layer.on > div span:nth-child(1){animation: loading1 .3s infinite linear alternate;}
	.loading-layer.on > div span:nth-child(2){animation: loading1 .3s .2s infinite linear alternate;}
	.loading-layer.on > div span:nth-child(3){animation: loading1 .3s .4s infinite linear alternate;}

	@keyframes loading1{0%{top: 0;} 100%{top: 20px; transform: scaleX(1.25); background: #aaa;}}
/*로딩중*/

/*footer 정책*/
	.footer-policy .top-box{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.56;
		letter-spacing: normal; color: #505050; padding: 45px 40px; border-radius: 20px; background-color: #f5f5f5; margin-bottom: 50px;
	}
	.footer-policy h2{
		font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000; margin: 20px 0;
	}
	.footer-policy h3{
		font-family: Pretendard; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal;
		line-height: normal; letter-spacing: normal; color: #000; background: 0; margin: 18px 0;
	}
	.footer-policy ul ul, .footer-policy ol ul, .footer-policy ul ol, .footer-policy ol ol{padding-left: 30px;}
	.footer-policy ul li, .footer-policy ol li, .footer-policy p{
		font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;
		line-height: 1.56; letter-spacing: normal; text-align: left; color: #505050;
	}	
/*footer 정책*/

@media (max-width: 1350px){
	.container2{width: 1024px;}
	
	/*이미지 리스트*/
		.booklist2 .list .line{flex: 0 1 25%;}
		.booklist2 .list .line:nth-child(5n){border-right: 1px dashed #cbcbcb;}
		.booklist2 .list .line:nth-child(4n){border-right: 0;}
	/*이미지 리스트*/
	/*내서재*/
		/*대출내역*/
			.record-search .select-date dd > div > div{margin-right: 10px;}
			.record-search .cstm-select{width: 100px;}
			.record-search .mm-dd{width: 80px;}
		/*대출내역*/
		/*받은쪽지함 상세*/
			.my-msg-view table tbody tr > td{padding: 60px 72px;}
		/*받은쪽지함 상세*/
	/*내서재*/
}
@media (max-width: 1080px){
	.container2{width: 800px;}
	a.viewer-link.pc{display: none;}	/*viewer*/
	a.viewer-link.mo{display: inline-flex;}	/*viewer*/
	/*header(헤더)*/
		.header-top .wrapper{flex-wrap: wrap; justify-content: flex-end; padding: 20px 0; box-sizing: border-box;}
		.header.fixed .header-top .wrapper{padding: 5px 0;}
		.header-top .wrapper .logo{text-align: center; flex: 1 0 100%; margin-bottom: 25px;}
		.header-top .logo a{display: inline-block; top: 0; left: 0; transform: none; position: static;}
		.header.fixed .header-top .header-top-center{position: absolute; top: 50%; left: 50%; bottom: initial; transform: translate(-50%, -50%);}
		.header-top .header-top-center{
			position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);
			display: flex; align-items: center;
		}
		.book-search-box input[type="text"]{
			width: 40vw; /* min-width: 204px; */ height: 40px; border-radius: 20px; padding: 13px 40px 13px 16px; font-size: 12px;
		}
		.book-search-box input[type="text"]::placeholder{font-size: 12px;}
		.book-search-box input[type="image"]{width: 25px; right: 15px;}
		.header-top-right .login-btn{margin-right: 18px;}
		
		.header .header-bottom .wrapper{text-align: left; padding: 14px 0;}
		.header.fixed .header-bottom .wrapper{padding: 14px 0;}
		.header-bottom nav ul li:nth-child(-n + 4){margin-right: 25px;}
		.header-bottom ul li a{font-size: 16px;}
		
		.header-bottom .header-bottom-right .category-list ul{width: 228px;}
	/*header(헤더)*/
	
	/*메인-신간*/
		.new-book-space .wrapper{padding: 40px 0 50px;}
		.new-book-list-wrapper{margin-top: 25px;}
	/*메인-신간*/
	
	/*메인-quick메뉴*/
		.quick-btn-group ul li{width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;}
		.quick-btn-group ul li a{font-size: 16px;}
		.quick-btn-group ul li img{margin-bottom: 16px;}
	/*메인-quick메뉴*/
	
	/*메인-베스트*/
		.main-best .wrapper{padding: 40px 0 40px;}
		.best-list{flex-direction: column; margin-top: 20px;}
		.best-1st{margin-bottom: 33px; display: flex; justify-content: center; margin-right: 0;}
		.best-1st figure{margin: 0 auto;}
		.best-other-list{padding: 16px 0;}
		.best-other-list-wrapper{width: 100%; padding: 0; height: 505px; margin: 0;}
		.best-other-list-wrapper2{height: 100%;}
		.best-book-dir-btn{display: none;}
		.best-other-list{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
		.best-other-list li{display: flex; justify-content: center;}
		.best-other-list .swiper-slide-next{transform: translateZ(0) scale(1.05);}
	/*메인-베스트*/
	
	/*도서상세*/
		.bookview1 > div:first-child{margin-right: 50px;}
		.score1 li{margin-right: 15px;}
	/*도서상세*/
	
	/*이미지 리스트*/
		.booklist2 .list{max-width: 532px; margin: 0 auto;}
		.booklist2 .list .line{flex: 1 1 50%;}
		.booklist2 .list .line:nth-child(5n){border-right: 0;}
		.booklist2 .list .line:nth-child(4n){border-right: 0;}
		.booklist2 .list .line{border: 0; border-bottom: 1px dashed #cbcbcb; margin-bottom: 40px; padding-bottom: 40px;}
	/*이미지 리스트*/
	
	/*이용안내*/
		.manual1 .use-step li{width: 270px; padding: 35px; height: 392px;}
		.manual1 .use-step li .numbering2{font-size: 48px;}
		.manual1 .use-step li .use-tit{font-size: 18px;}
		.manual1 .use-step li p{font-size: 14px;}
		.manual1 .con-2 p:last-child{margin-bottom: 56px;}
		.manual1 .use-step .viewer-download{padding: 10px 48px; font-size: 14px;}
	/*이용안내*/
	
	/*내서재*/
		/*대출내역*/
			.record-search .select-date{flex-direction: column;}
			.record-search .select-date dt{margin-bottom: 16px;}
			.record-search .select-date dd{flex-wrap: wrap;}
			.record-search .select-date dd > div{flex: 1 0 auto;}
			.record-search .select-date dd > .select-btn{margin-top: 24px;}
		/*대출내역*/
		/*받은쪽지함 상세*/
			.my-msg-view table tbody tr > td{padding: 60px 50px;}
		/*받은쪽지함 상세*/
	/*내서재*/

	/*희망신청도서 검색*/
		.requestBook-search-box input[type="text"]{
			width: 40vw; /* min-width: 204px; */ height: 40px; border-radius: 20px; padding: 13px 40px 13px 16px; font-size: 12px;
		}
		.requestBook-search-box input[type="text"]::placeholder{font-size: 12px;}
		.requestBook-search-box input[type="image"]{width: 25px; right: 15px;}	
	/*희망신청도서 검색*/	
}

@media (max-width: 840px){
	.container2{width: 640px;}
	
	.warning-msg{font-size: 22px;}
	.warning-msg:before{width: 96px; height: 96px; margin-bottom: 24px;}
	
	/*탑10리스트*/
		.top10-wrapper{padding: 60px 0;}
		.book-list-top10-swiper{width: 800px; padding: 30px 0;}
		.book-list-top10 .swiper-slide-next{transform: translateZ(0) scale(1.1);}
		.book-list-top10 figure{width: 220px; height: 410px;}
		.book-list-top10 figure .img-wrapper{height: 310px;}
	/*탑10리스트*/
	
	/*메인-quick메뉴*/
		.quick-btn-group .wrapper{display: flex; justify-content: center; align-items: center;}
		.quick-btn-group .wrapper ul{max-width: 325px; width: 100%; box-sizing: border-box;}
		.quick-btn-group .wrapper ul li:nth-child(-n + 4){margin-bottom: 25px;}
	/*메인-quick메뉴*/
	
	/*메인-추천도서*/
		.recommend-list-wrapper{padding: 0; height: 430px;}
		.recommend-list{width: 800px; padding: 15px 0;}
		.recommend-list ul{padding: 10px 0;}
		.recommend-list figure{width: 220px; height: 360px;}
		.recommend-dir-btn{display: none;}
		.recommend-list .swiper-slide-next{transform: translateZ(0) scale(1.1);}
	/*메인-추천도서*/
	
	/*도서상세*/
		.bookview1 .book-info2 li:last-child{display: flex; justify-content: flex-start;}
		.bookview1 .book-info2 li:last-child > span:nth-child(1){flex: 0 0 auto;}
		
		.review1 .write1{flex-wrap: wrap;}
		.review1 .write1 textarea{margin-bottom: 25px; margin-right: 0; height: 200px;}
		.review1 .write1 > div{width: 100%; text-align: right;}
		
		.score1{flex-wrap: wrap;}
		.score1 li{width: 40%;}
		.score1 li:nth-child(-n + 4){margin-bottom: 24px;}
		
		.review1 .list1 > li .btn-section{width: 100%; justify-content: space-between; margin-top: 48px;}
		.review1 .list1 > li .btn-section .btns-edit-del{order: 1;}
		.review1 .list1 .del1{margin-right: 0;}
	/*도서상세*/
	
	/*footer(푸터)*/
		footer .footer-bottom{flex-direction: column;}
		footer .footer-bottom .fcopy{margin-left: 0; margin-top: 40px;}
	/*footer(푸터)*/
	
	/*미입고도서*/
		.hope-info h2{margin: 24px 0 16px; font-size: 22px;}
		.hope-info p{font-size: 14px; line-height: 1.71; margin-bottom: 24px;}
	/*미입고도서*/
	
	/*내서재*/
		.mylib-info .mylib-menu-list-wrapper{padding: 0 25px; position: relative; margin-bottom: 80px;}
		.my-lib-menu-dir-btn{display: block;}
		.mylib-info .mylib-menu-list{width: 780px; width: 100%; padding-right: 0;}
		.mylib-category li{flex: 1 0 auto; width: 150px; height: 80px; padding: 0 5px; box-sizing: border-box;}
		.mylib-category li a *{font-size: 16px;}
		.mylib-category li em{margin-top: 8px;}
	
		/*대출중*/
			.lendinglist .list .line1 > div:nth-child(1){margin-right: 30px;}
			.lendinglist .list .line1 .rent-date li, .lendinglist .list .line1 .rent-date li span{font-size: 16px;}
			.lendinglist .list .line1 > div:nth-child(4){margin-left: 25px;}
		/*대출중*/
		/*예약*/
			.reservelist .list .line1 > div:nth-child(1){margin-right: 30px;}
			.reservelist .list .line1 .rent-date li, .lendinglist .list .line1 .rent-date li span{font-size: 16px;}
			.reservelist .list .line1 > div:nth-child(4){margin-left: 25px;}
			.bs2df2{display: none;}
		/*예약*/
		/*대출내역*/
			.record-search .select-date dd > .from-space{margin-bottom: 8px;}
			.record-search .select-date dd > .select-btn{width: 100%;}
			
			.historylist .list .line1 > div:nth-child(1){margin-right: 30px;}
			.historylist .list .line1 .rent-date li, .historylist .list .line1 .rent-date li span{font-size: 16px;}
			.historylist .list .line1 > div:nth-child(4){margin-left: 25px;}
		/*대출내역*/
		/*리뷰*/
			.review1.my-review1 .list1 > li .btn-section{justify-content: flex-end;}
		/*리뷰*/
		/*받은쪽지함 리스트*/
			.my-msg-list-wrapper table.list{border-top: 1px solid #cbcbcb;}
			.my-msg-list-wrapper .only-no-pc{display: table-cell;}
			.my-msg-list-wrapper .only-pc{display: none;}
			.my-msg-list-wrapper .check-cell{width: 60px;}
		/*받은쪽지함 리스트*/
		/*받은쪽지함 상세*/
			.my-msg-view table thead tr > *{padding: 15px 24px;}
			.my-msg-view .only-pc{display: none;}
			.my-msg-view .who{min-width: 47px;}
			.my-msg-view .when{padding: 0; min-width: 155px;}
			.my-msg-view table tbody tr > td{padding: 60px 24px; font-size: 16px;}
		/*받은쪽지함 상세*/
	/*내서재*/
	
	
	
}
@media (max-width: 680px){
	.container2{width: 100%; min-width: 300px;}
	.border-design{display: block;}
	.sub-wrapper{/* padding: 0 24px; */ box-sizing: border-box;}
	.body-content .container2{padding: 0 24px; box-sizing: border-box;}
	
	/*header(헤더)*/
		.header .header-top{flex-direction: column;}
		.header-top .wrapper{padding: 20px 24px;}
		.header.fixed .header-top .wrapper{padding: 5px 24px;}
		.header .header-bottom .wrapper, .header.fixed .header-bottom .wrapper{padding: 14px 24px;}
		.header-bottom-right{right: 24px;}
	/*header(헤더)*/
	
	.main-best .wrapper{border-bottom: 0;}
	
	.new-book-list-wrapper{padding: 0; height: 450px;}
	.new-book-list{padding: 30px 50px; width: 700px;}
	.new-book-dir-btn{display: none;}
	
	.new-book-list{width: 760px;}
	.new-book-list .swiper-slide-next{transform: translateZ(0) scale(1.05);}
	.new-book-list ul li figure{width: 240px; height: 410px; padding: 12px;}
	.new-book-list ul li figure .img-wrapper{height: 263px;}

	.sub-header{padding: 0 24px;}
	.sort-view{flex-wrap: wrap; justify-content: flex-end; margin-bottom: 32px;}
	.sort-view > div:nth-child(1){width: 100%; order: 1; margin-top: 32px;}
	.sort-view > div:nth-child(2){width: 100%; justify-content: space-between;}
	
	/* .booklist .list{padding: 0 24px;} */
	
	.tabbox1{margin-bottom: 40px;}
	.tabbox1 ul.tab4{padding: 40px 20px;}
	.tabbox1 ul.tab4 li{background: 0; width: 200px; float: none; display: inline-block; margin-bottom: 20px;}
	.tabbox1 ul li a{margin-right: 32px; font-family: Pretendard; font-size: 14px;}
	.tabbox1 ul li em{font-size: 14px;}


	.booklist .list .line1{flex-wrap: wrap;}
	.booklist .list .line1 > div:nth-child(1){margin-right: 17px;}
	.booklist .list .line1 > div:nth-child(3){display: block;}
	.booklist .list .line1 .book-img1{width: 144px; height: 208px;}
	.booklist .list .line1 .book-note-pc{display: none;}
	
	
	/*도서상세*/
		.bookview1{flex-wrap: wrap;}
		.bookview1 > div:first-child{margin-right: 0; width: 100%; text-align: center; margin-bottom: 40px;}
		.bookview1 > div:last-child{width: 100%;}
		.bookview1 .cover {width: 248px; height: 384px;}
		.bookview1 .book-img1{width: 248px; height: 384px;}
		.bookview1 .book-img1 img{width: 248px; height: 384px;}
		.bookview1 .tit{margin-bottom: 24px; font-size: 24px;}
		.bookview1 .tit-sub{font-size: 20px;}
		.bookview1 .book-info2 li:last-child{display: flex; justify-content: flex-start;}
		.bookview1 .book-info2 li:last-child > span:nth-child(1){flex: 0 0 auto;}
		.bookview1 .book-info2 .tt, .bookview1 .book-info3 .tt{margin-right: 30px;}
		.bookview1 .writer-pub1 > span{font-size: 16px;}
		.bookview1 .writer-pub1 .writer1{display: block; margin-bottom: 24px;}
		.bookview1 .writer-pub1 .bar1{display: none;}
	/*도서상세*/
	
	.book-info4 p, .book-info4 p b{font-size: 16px; line-height: 1.71;}
	.booklist .list .line1 > div:nth-child(4){width: 100%; margin-left: 0;}
	
	.booklist .list .line1 .book-note{margin-bottom: 32px;}
	
	
	
	.booklist .btn-bg, .booklist .btn-bg *{width: 150px; /* margin-right: 12px; */ height: 48px;}
	.booklist .btn-bg{border-radius: 50px;}

	
	/*footer(푸터)*/
		footer{padding: 48px 0;}
		footer .wrapper{padding: 0 24px; box-sizing: border-box;}
	/*footer(푸터)*/
	
	/*이용안내*/
		.manual1{padding: 0 24px;}
	/*이용안내*/
	
	/*대출안내*/
		.lending-manual1{padding: 0 24px;}
	/*대출안내*/
	
	/*뷰어 다운로드/안내*/
		.viewer-manual1{padding: 0 14px;}
		.viewer-manual1 .container2{padding: 0 14px;}
		.viewer-manual1 p:last-child{padding-bottom: 160px;}
	/*뷰어 다운로드/안내*/
	
	/*미입고*/
		.search-space .search-type{width: 92px; flex: 0 0 auto;}
		.search-space .search-input-wrapper{flex: 1 0 auto; width: 100px;}
		.search-type input[disabled]{padding: 11px 8px 10px;}
		.search-type ul li{padding: 5px 8px;}
	/*미입고*/
	
	/*내서재*/
	.booklist .list .line1 > div:nth-child(3){margin-bottom: 32px;}
		/*대출중*/
			.lendinglist .list .line1 > div:nth-child(1){margin-right: 17px;}
			.lendinglist .list .line1 > div:nth-child(2) > .rent-date{display: none;}
		/*대출중*/
		/*대출내역*/
			.historylist .list .line1 > div:nth-child(1){margin-right: 17px;}
			.historylist .list .line1 > div:nth-child(2) > .rent-date{display: none;}
		/*대출내역*/
		
		/*예약중*/
			.reservelist .list .line1 > div:nth-child(1){margin-right: 17px;}
			.reservelist .list .line1 > div:nth-child(2) > .rent-date{display: none;}
		/*예약중*/
	/*내서재*/
	
	.adminBtn {display: none;}	
}

@media (max-width: 550px){
	/*header(헤더)*/
		.header .header-bottom .wrapper{padding: 16px 24px;}
		.header-top .wrapper{justify-content: space-between;}
		.header-top .header-top-center{position: relative; top: 0; left: 0; bottom: initial; transform: none;}
		.header.fixed .header-top .header-top-center{position: relative; top: 0; left: 0; bottom: initial; transform: none;}
		.header-bottom nav ul li:nth-child(-n + 4){margin-right: 10px;}
		.header-bottom .header-bottom-right .category-space .category-list{bottom: -20px;}
		.book-search-box input[type="text"]{width: 50vw;}
	/*header(헤더)*/
	
		.sort-view{justify-content: center;}
		.sort-view .order-select{width: 172px; margin-right: 15px;}
	
	/*이미지 리스트*/
		.booklist2 .list{width: 100%; margin: 0 auto;}
		.booklist2 .list .line{flex: 0 1 auto; width: calc(50% - 6px);}
		.booklist2 .list .line:nth-child(2n - 1){margin-right: 12px;}
		.booklist2 .list .line .book-img1{width: 100%;}
		.booklist2 .list .line .info{width: 100%; margin-bottom: 35px;}
		
		.booklist2 .list .line .info h2{margin-bottom: 16px; height: 42px;}
		.booklist2 .list .line .info h2 a{font-size: 18px;}
		.booklist2 .list .line .info .writer{display: block; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
		.booklist2 .list .line .info .bar{display: none;}
		.booklist2 .list .line .info .pub{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
		.booklist2 .btnarea{width: 100%;}
	/*이미지 리스트*/
	
	.review1 .list1 .stars{width: 100%; margin-bottom: 10px;}
	
	/*footer(푸터)*/
		footer{padding: 68px 0;}
		footer .footer-top{flex-direction: column; padding-bottom: 80px;}
		footer .footer-top > div:not(:last-child){margin-bottom: 60px;}
		footer .footer-top li a{font-size: 14px;}
		
		footer .footer-bottom ul{flex-direction: column; margin-bottom: 40px;}
		footer .footer-bottom ul li:not(:last-child){margin-right: 0; margin-bottom: 16px;}
		footer .footer-bottom .copyright span{display: block; margin-bottom: 40px;}
		footer .footer-bottom .copyright b{display: block; margin-left: 0;}
		footer .footer-bottom .copyright .br{display: block;}
	/*footer(푸터)*/
	
	/*이용안내*/
		.manual1 h3{align-items: flex-start;}
		.manual1 .con-2 p .viewer-download{font-size: 14px; line-height: 1; border-radius: 10px;}
		.manual1 .use-step{justify-content: center;}
		.manual1 .use-step .viewer-download{font-size: 14px; border-radius: 10px;}
	/*이용안내*/
	/*뷰어 다운로드/안내*/
		.viewer-manual1 p .viewer-download{padding: 10px 18px; border-radius: 10px; margin-top: 24px;}
		.viewer-manual1 p .viewer-download, .viewer-manual1 p .viewer-download b{font-size: 14px;}
	/*뷰어 다운로드/안내*/

	/*희망신청도서 검색*/	
		.requestBook-search-box input[type="text"]{width: 70vw;}
	/*희망신청도서 검색*/	
}

@media (max-width: 500px){
	/*이미지 리스트*/
		.booklist2 span.btn-bg.btn_bg{border-radius: 20px; border-width: 2px;}
		.booklist2 .btn-bg, .booklist2 .btn-bg *{width: 100%; margin-right: 0; height: 40px;}
	/*이미지 리스트*/
}
@media (max-width: 480px){
	/*대출안내*/
		.lending-manual1 h3{font-size: 20px;}
		.lending-manual1 h3 .numbering{width: 24px; height: 24px; font-size: 14px; min-width: initial; border-radius: 7px;}
		.lending-manual1 ul{padding-left: 0;}
		.lending-manual1 ul li, .lending-manual1 ul li b{font-size: 14px;}
		.lending-manual1 ul li:before{top: 3px; height: 15px;}
	/*대출안내*/
	
	/*내서재*/
		/*대출이력*/
			.record-search .select-date dd > div > div{margin-right: 5px;}
			.record-search .select-date dd > div > div.tilde{margin-left: 0;}
			.record-search .cstm-select{width: 72px; background: #fff url(../img/select-arrow-down.svg) no-repeat calc(100% - 10px) 50%;}
			.record-search .mm-dd{width: 50px;}
			.record-search .cstm-select.focus{background: #fff url(../img/select-arrow-up.svg) no-repeat calc(100% - 10px) 50%;}
			.record-search .cstm-select input{padding: 11px 5px 10px;}
			.record-search .cstm-select ul li{padding: 5px;}
		/*대출이력*/
	/*내서재*/
}
@media (max-width: 440px){
	/*header(헤더)*/
		.header-bottom .header-bottom-right .category-space .category-list{bottom: -17px;}
	/*header(헤더)*/
	
	
	
	.book-list-top10-swiper{width: 730px;}
	
	/*메인-베스트*/
		.best-1st figure{width: 300px; height: 540px;}
		.best-1st figure .img-wrapper{height: 402px;}
		.best-1st figure figcaption{padding: 43px 53px;}
		.best-1st figure figcaption h4{font-size: 20px;}
		.best-1st figure figcaption h5{font-size: 17px;}
		.best-other-list-wrapper{height: 465px;}
		.best-other-list{width: 740px;}
		.best-other-list figure{width: 220px; height: 430px;}
		.best-other-list figure .img-wrapper{height: 330px;}
	/*메인-베스트*/
	
	.recommend-list{width: 730px;}
	
	/*로그인쪽*/
		.login-form{width: 100%; padding: 0 10px; min-width: 300px;}
		.login-form .btn-group a{width: 48%; height: 40px; padding: 0;}
		.login-form .btn-group a:nth-child(-n + 2){margin-bottom: 8px;}
	/*로그인쪽*/
	
	.booklist2 .list .line .book-img1{height: 256px;}
	
	/*도서상세*/
		.review1 .write1 > div input{width: 100%;}
		.review1 .list1 > li .btn-section .like1{width: 170px;}
		.review1 .list1 > li .btn-section .like1 .like1-icon{margin-right: 10px;}
	/*도서상세*/
	
	/*내서재*/
		.mylib-info-top{flex-wrap: wrap;}
		.mylib-info-top .welcome-user, .mylib-info-top .welcome-user{width: 100%; text-align: left; margin-top: 16px;}
		/*이용안내*/
			.manual1 .con-2 p{padding-left: 0;}
			.manual1 .con-2 p .viewer-download{padding: 18px;}
			.manual1 .use-step .viewer-download{padding: 10px 24px;}
		/*이용안내*/
		
		.viewer-manual1 p{padding-left: 0;}
		/*미입고*/
			.search-type{background: #fff url(../img/select-arrow-down.svg) no-repeat calc(100% - 10px) 50%;}
			.search-type.focus{background: #fff url(../img/select-arrow-up.svg) no-repeat calc(100% - 10px) 50%;}
			.search-input-wrapper input[type="text"]{padding: 9px 44px 9px 8px;}
			.search-input-wrapper .searchbtn{right: 10px;}
		/*미입고*/
		/*받은쪽지함 상세*/
			.my-msg-view table.view{margin-bottom: 24px;}
			.my-msg-view .btn-to-list{width: 100%;}
		/*받은쪽지함 상세*/
	/*내서재*/
}

@media (max-width: 400px){
	.bookview1 .btnarea span{width: 100%; margin-right: 0; left: 0;}
	
}
@media (max-width: 360px){
	.warning-msg{font-size: 18px;}
	
	/*header(헤더)*/
		.header-top .wrapper{justify-content: space-between; padding: 20px 24px;}
		.header-top .wrapper > *{margin: 0;}
		.header-top-right .login-btn{margin-right: 10px;}
		.book-search-box input[type="text"]{min-width: 160px;}
	/*header(헤더)*/
	
	/*메인-quick메뉴*/
		.quick-btn-group .wrapper ul{max-width: 325px;}
		.quick-btn-group ul{padding: 0 24px;}
		.quick-btn-group ul li{width: 120px;}
		.quick-btn-group ul li h3{font-size: 14px;}
	/*메인-quick메뉴*/
	
	/*메인-베스트*/
		.best-1st ul{padding: 0 24px; width: 252px;}
		.best-1st figure{width: 100%;}
	/*메인-베스트*/
	
	/*그냥리스트*/
		.booklist .list .line1 > div:nth-child(1){margin-right: 0; margin: 0 auto 20px;}
		.booklist .list .line1 > div:nth-child(2){width: 100%;}
	/*그냥리스트*/
	
	
	.sort-view .order-select{width: 150px;}
	
	/*뷰어 다운로드/안내*/
		.viewer-manual1 p .viewer-download{padding: 10px 18px;}
	/*뷰어 다운로드/안내*/
	
	/*내서재*/
		/*대출이력*/
			.record-search .select-date dd > .select-btn > div{width: 100%;}
			.record-search .select-date dd > .select-btn > div a{width: 100%;}
		/*대출이력*/
	/*내서재*/
	/*희망신청도서 검색*/
		.requestBook-search-box input[type="text"]{
			width: 40vw; /* min-width: 204px; */ height: 40px; border-radius: 20px; padding: 13px 40px 13px 16px; font-size: 12px;
		}
		.requestBook-search-box input[type="text"]::placeholder{font-size: 12px;}
		.requestBook-search-box input[type="image"]{width: 25px; right: 15px;}	
	/*희망신청도서 검색*/	
} 
@media (max-width: 350px){
	/*header(헤더)*/
		.header-bottom ul li a{font-size: 15px; letter-spacing: -1px;}
	/*header(헤더)*/
}