@charset "utf-8";

/* 책 목록 */
.list-header {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:3rem 0 .7rem; border-bottom:1px solid #676767;}
.list-header .list-title-wrap {display:flex; align-items:flex-end; margin-left:1rem;}
.list-header .list-title {font-size:2rem; padding-right:2rem; border-right:1px solid #c4c4c4; font-weight:600;}
.list-header .btn-wrap {margin-right:1rem;}

.list-body li {width:100%; border-bottom: 1px solid #dededf; padding:0 0 1.2rem 0;}
.list-body li:hover {background:#fafafa;}
.list-body li .book {display:flex; align-items:center; width:calc(100% - 1rem); padding: 1.2rem 0 0 1rem; }
.list-body li .book .cell {font-size: 1.4rem; color:#767676; text-align: left; line-height:1.4;}
.list-body li .book .cell.subject {font-size:1.7rem; font-weight:600; color:#333; margin-right:2rem; width:35%;}
.list-body li .book .cell.sub-subject {width:25%; margin-right:2rem;}
.list-body li .book .cell.writer {width:20%; margin-right:2rem;}
.list-body li .book .cell.category {width:20%; margin-right:2rem;}
.list-body li .book .cell.links {width:27rem; white-space:nowrap; display:flex:}
.list-body li .book-exp {width:calc(100% - 2rem); padding: 0 1rem; font-size: 1.4rem; line-height:1.5; display:none;}

.list-body li .no {width:6rem; display:flex; align-items:center; justify-content:center; border-right:1px solid #dedede; margin:2rem 1rem 0 0;}
.list-body li .info {width:calc(100% - 6rem);}
.list-body li .info .nav {display:flex; align-items:flex-start; margin:0 1rem .5rem;}
.list-body li .info .nav li {display:flex; align-items:center; font-size: 1.4rem; line-height: 1.4; word-break:keep-all; border:none; width:auto; padding:0 !important;}
.list-body li .info li:not(:last-child):after {content: '';display: inline-block; width: 2rem; height: 1.4rem; background: url('../images/ico_bc_arrow.svg') center top .3rem/.5rem auto no-repeat; background-size:auto .8rem; margin:0 .3rem;}
.list-body li.search .book .cell.subject {border:none;}

.list-body.det li .book {display:flex; flex-wrap:wrap; padding: 1.8rem 0 .7rem 1rem; }
.list-body.det li .book .cell {margin-right:1rem; padding:0 1rem 0 0; margin-bottom:.6rem; border-right:1px solid #ddd;}
.list-body.det li .book .cell.subject {width:auto; margin-right:1rem;}
.list-body.det li .book .cell.sub-subject {width:auto; margin-right:1rem;}
.list-body.det li .book .cell.writer {width:auto; margin-right:1rem;}
.list-body.det li .book .cell.category {width:auto; margin-right:1rem; border:none;}
.list-body.det li .book .cell.links {width:auto; margin-right:1rem; border:none; display:flex:}
.list-body.det li .book-exp {display:block; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis;}

@media (max-width: 767px) {		
	.list-body li .book {display:flex; flex-wrap:wrap;}
	.list-body li .book .cell {margin-right:1rem; padding:0 1rem 0 0; margin-bottom:.6rem; border-right:1px solid #ddd;}
	.list-body li .book .cell.subject {width:auto; margin-right:1rem;}
	.list-body li .book .cell.sub-subject {width:auto; margin-right:1rem;}
	.list-body li .book .cell.writer {width:auto; margin-right:1rem;}
	.list-body li .book .cell.category {width:auto; margin-right:1rem; border:none;}
	.list-body li .book .cell.links {width:auto; white-space:nowrap; border-right:none;}
	
	.list-body li .info .nav {display:inline-block;}
	.list-body li .info .nav li {display:inline-block; line-height:1.2; padding:0 !important;}
	
	.list-body.det li .book-exp {-webkit-line-clamp: 4;}
}

/* 책 목차 */
.book-header {display:flex; align-items:center; justify-content:space-between; padding:2.4rem 1.4rem 2.4rem 1.8rem; margin:3rem 0 7rem; background:#fbfbfc; border:1px solid #e0e0e0; border-radius:3px;}
.book-header.det {margin:3rem 0 3rem;}

.book-header .book-left {display:flex; align-items:center;}
.book-header .book-left:before {content:''; width:2.2rem; height:2.4rem; margin-right:1rem; background:url('../images/ico_book.svg') left top no-repeat; background-size:2.2rem auto; filter: invert(89%) sepia(3%) saturate(2505%) hue-rotate(349deg) brightness(88%) contrast(70%);}
.book-header .book-left .book-title {display:flex; align-items:center; font-size:2.2rem; padding-right:1.6rem; font-weight:500;}

.book-header .book-left.bc .nav {display:flex; align-items:center;}
.book-header .book-left.bc .nav li {display:flex; align-items:center; font-size: 1.8rem; line-height: 1.5; font-weight: 500; word-break:keep-all;}
.book-header .book-left.bc li:not(:last-child):after {content: '';display: inline-block; width: 2.4rem; height: 1.8rem; background: url('../images/ico_bc_arrow.svg') center top .3rem/.5rem auto no-repeat; background-size:auto 1.6rem; margin:0 .3rem;}
.book-header .book-left.bc li:last-child { margin-right:3rem;}

.book-header .links-wrap {display:flex; align-items:center;}
.book-header .links-wrap a {margin:0 4px 0 0}
.book-header .btn-wrap {display:flex; align-items:center;}
.book-header .btn-wrap a {margin:0 4px 0 0}

.list-content { margin:0 0 6rem;}
.list-content li {width:100%;}
.list-content li:hover {background:#fafafa;}
.list-content li .book {display:flex; align-items:center; width:calc(100% - 9.2rem); padding: .5rem 4.6rem .5rem 4.6rem; }
.list-content li .book .cell {font-size: 1.4rem; color:#767676; text-align: left; line-height:1.4;}
.list-content li .book .cell.subject {font-size:1.6rem; font-weight:500; color:#333; margin-right:2rem; width:30%;}
.list-content li .book .cell.sub-subject {width:70%; margin-right:2rem;}
.list-content li .book .cell.links {width:9rem; white-space:nowrap; display:flex:}

.list-book-title {display:flex; align-items:center; justify-content:space-between; margin:1rem 0 1rem 0; border-bottom:1px solid #e0e0e0; padding:0 1.4rem 1rem 1.8rem;}
.list-book-title .title {display:flex; align-items:center; font-size:2.1rem; font-weight:500;}
.list-book-title .title:before {content:''; width:2.2rem; height:2.2rem; margin-right:.6rem; background:url('../images/ico_arrow.svg') center no-repeat; background-size:1.9rem auto; filter: invert(89%) sepia(3%) saturate(2505%) hue-rotate(349deg) brightness(88%) contrast(70%);}

.btn-toggle {display: flex; align-items: center;}
.btn-toggle span {color: var(--color-blue-l);}
.btn-toggle:before {content: ''; display: inline-block; width: 8px; height: 2px; margin-right: 5px; background-color: var(--color-blue-l); vertical-align: middle;}
.btn-toggle.change:before {content: '+'; display: inline-block; width: auto; height: auto; color: var(--color-blue-l); font-size: 17px; font-weight: 600; background-color: transparent;}

@media (max-width: 767px) {	
	.book-header {flex-wrap:wrap;}
	.book-header .btn-wrap {margin-top:.8rem;}	
	
	.book-header .book-left.bc {display:inline-block;}
	.book-header .book-left.bc .nav {flex-wrap:wrap;}
	.book-header .book-left.bc:before {display:none;}
	.book-header .book-left.bc .links-wrap {margin-top:.8rem;}
	
	.list-content li .book {width:calc(100% - 2rem); padding: .5rem 0 .5rem 2rem; }
	.list-content li .book .cell.subject {margin-right:1rem; width:100%;}
	.list-content li .book .cell.sub-subject {display:none;}
	.list-content li .book .cell.links {width:9rem; white-space:nowrap; display:flex:}
}

/* 기사 */
.book-body {margin: 0 0 5rem;}
.book-body .title {padding: 0rem 0 1.5rem; text-align: center; font-size: 2.6rem; line-height: 1.4; font-weight: 600; color: #333237;}/*240429*/
.book-body .txt-wrap {margin: 0 0 2rem; font-size: 1.9rem; line-height: 2; color: #111; letter-spacing:.05em;}/*240612_re*/

@media (max-width: 767px) {
}

/* 검색결과 좌측 트리 */
.search-list {margin:1rem .6rem;}
.search-list li {padding:.6rem 0; display:flex; align-items:center;}
.search-list li label {font-size:1.5rem;}
.search-list li .item-checkbox input[type='checkbox']:checked + label:before {background-color: #434369;}

/* 테이블 style */
.tbl-wrap .tlb-sm {width: 100%; border-top: 1px solid #dededf; margin-bottom:1rem;}
.tbl-wrap .tlb-sm th {padding: .9rem 2rem; font-size: 1.2rem; color:#767676; text-align: center; border-bottom: 1px solid #dededf; background:#f9fafb; font-weight:300;}
.tbl-wrap .tlb-sm td {padding: .8rem 2rem; font-size: 1.4rem; color:#333; border-bottom: 1px solid #dededf;}
.tbl-wrap .tlb-sm th:not(:last-child),.tbl-wrap .tlb-sm td:not(:last-child) {border-right: 1px solid #dededf;}
.tbl-wrap .tlb-sm td.no {color:#767676; text-align:right; font-size:1.2rem; font-weight:200;}
.tbl-wrap .tlb-sm td a {color:#4183c4;}
.tbl-wrap .tlb-sm td a:after {content:', ';}
.tbl-wrap .tlb-sm tr:hover {background:#f9fafb;}

/* 테이블 li style*/
.bbs-nor {display:flex; justify-content:space-between; width:100%;}
.bbs-nor>.wrap {display:table; width:100%;}
.bbs-nor .group {display:table-header-group;}

.bbs-nor .row {display:table-row;}
.bbs-nor .row:hover {background:#fafafa;}
.bbs-nor .cell {display:table-cell; vertical-align:bottom; padding: 1.2rem 1rem; font-size: 1.4rem; color:#767676; text-align: left; border-bottom: 1px solid #dededf; line-height:1.4;}
.bbs-nor .cell.subject {font-size:1.7rem; font-weight:600; color:#333; width:calc((100% - 15rem) * 35%);}
.bbs-nor .cell.sub-subject {width:calc((100% - 20rem) * 25%);}
.bbs-nor .cell.writer {width:calc((100% - 20rem) * 20%);}
.bbs-nor .cell.category {width:calc((100% - 20rem) * 20%);}
.bbs-nor .cell.links {width:20rem;}

@media (max-width: 767px) {
	.tbl-wrap {width:100%;}
}