@charset "utf-8";
.searchArea .inputTextType5, .searchArea .btnType5 {margin-bottom:10px}
.searchArea .datePicker {width:80px}
.searchArea .selectBox1 {width:auto; min-width:95px}
.searchArea span.bunch {line-height:2.4em}

.listTable tr th {padding:10px 10px}
.listTable tr td {padding:14px 4px}
.listTable td.num			{width:40px; text-align:center;}
.listTable td.book_info		{width:auto; text-align:left;padding-left:10px;}
.listTable td.title			{width:auto; text-align:left;padding-left:10px;}
.listTable td.writeDate		{width:85px; text-align:center;}
.listTable td.grade			{width:50px; text-align:center;}
.listTable td.recom_count	{width:55px; text-align:center;}

.reviewConW {width:100%; background-color:#fff; border:1px solid #0853a7; box-shadow: 3px 4px 13px 0px rgba(0, 0, 0, 0.17); position:relative; padding:18px 40px 15px 35px; box-sizing:border-box;}
.reviewConW > img {position:absolute; top:-3px; left:9px; z-index:1;}
.reviewConW .reviewBtn {float:right;}
.reviewConW .reviewBtn > div {float:left;}
.reviewConW .reviewNum {font-family:RobotoM,sans-serif; font-size:15px; color:#444;}
.reviewConW .reviewNum .highlight {color:#157efb;}
.reviewArrow {margin-left:18px; position:relative; top:-1px;}
.reviewArrow > a {display:inline-block; width:20px; height:20px;}
.reviewArrow .prev {background:url(/image/ko/solution/common/ico/reviewLeft.png) no-repeat center center; transition:all 0.4s;}
.reviewArrow .prev:hover {background:url(/image/ko/solution/common/ico/reviewLeftOn.png) no-repeat center center;}
.reviewArrow .next {background:url(/image/ko/solution/common/ico/reviewRight.png) no-repeat center center; transition:all 0.4s;}
.reviewArrow .next:hover {background:url(/image/ko/solution/common/ico/reviewRightOn.png) no-repeat center center;}
.reviewCon {margin: 17px 0;font-family:NotoSansM,sans-serif;}
.reviewCon .slick-list {width:100%;}
.reviewBox{position: relative;}
.reviewBox:after {content:""; clear:both; display:block;}
.reviewBox .reviewImage {width:127px;height:175px;border:1px solid #ddd;border-radius:2px;box-shadow: 3px 3px 15.36px 0.64px rgba(0, 0, 0, 0.2);float:left;margin-left:12px; margin-bottom: 60px;}
.reviewBox .reviewImage img {width:127px; height:175px;}
.reviewBox .reviewRecom{position:absolute; width: 127px; left: 15px;top: 185px; text-align:center;}
.reviewBox .reviewRecom img{display: inline-block; margin:0 3px;}
.reviewBox .reviewTxt {float:left; margin-left:3%; width:85%;}
.reviewBox .reviewTxt a {color:#000; font-size:22px; font-family:NotoSansM,sans-serif; display:inline-block; margin-top:3px;}
.reviewBox .reviewTxt a:hover {text-decoration:underline;}
.reviewBox .reviewTxt .reviewWriter {color:#444; font-size:15px; margin-top:12px;}
.reviewBox .reviewTxt .reviewTit a {color:#146efc; font-size:18px; margin:15px 0 10px;}
.reviewBox .reviewTxt .reviewDescript {color:#444; font-size:15px; line-height:20px;height:60px; width:100%; font-family:Notosans,sans-serif; padding-bottom:20px;}

@media screen and (max-width:1320px) {
    .reviewBox .reviewTxt {width:83%;}
}
@media screen and (max-width:1150px) {
    .reviewBox .reviewTxt {width:80%;}
}
@media screen and (max-width:990px) {
    .reviewBox .reviewTxt {width:77%;}
}
@media screen and (max-width:841px) and (min-width:801px) {
    .reviewBox .reviewTxt {width:68%;}
}
@media screen and (max-width:800px) {
    .reviewConW {padding:30px;}
    .reviewCon {margin: 17px 0 0;}
    .reviewCon .slick-list {margin:0 auto; width:85%;}
    /* .reviewCon .slick-slide {width:300px!important; margin:0 auto;} */
    .reviewBox .reviewImage {margin:0 auto 16px; float:none;}
    .reviewBox .reviewRecom{position: static;width: 120px;margin: 0 auto 10px;}
    .reviewBox .reviewTxt {text-align:center; width:100%; float:none; margin-left:0;}
}
@media screen and (max-width:640px) {
    .reviewBox .reviewTxt a {font-size:21px;}
    .reviewBox .reviewTxt .reviewWriter {font-size:13px; margin-top:12px;}
    .reviewBox .reviewTxt .reviewTit {font-size:15px; margin:12px 0 8px;}
    .reviewBox .reviewTxt .reviewDescript {font-size:13px; line-height:22px;}
}
@media screen and (max-width:500px) {
    .reviewCon .slick-list {width:79%;}
}

/* 우수서평 */
.guideBox{color:#4d4d4d; background-color:#f2f4f9; padding:34px 28px;border: 1px solid #c9cedb; font-size:15px;}

/* 표지미이지 */
.listInfo{overflow:hidden;}
.listInfo2 img {height:28px;vertical-align:top}
.paging {margin-top:20px}
.searchArea .selectBox1 {width:95px}

.review ul {overflow:hidden}
.review li {position:relative;float:left;width:50%;margin-bottom:20px}
.review li.even {float:right}
.review li div {position:relative;height:160px;padding:20px 126px 20px 20px;border:1px solid #e6e6e6}
.review li.even div {margin-left:10px}
.review li.odd div {margin-right:10px}
.review .book {position:absolute;top:20px;right:20px;width:96px;height:133px}
.review .book img {width:94px; height:131px;border:1px solid #e6e6e6}
.review li .num {float:left;display:block;width:30px;height:100%}
.review li dl {margin-left:30px}
.review li dt {overflow:hidden;max-height:62px;margin-bottom:6px}
.review li dd {margin-bottom:6px}

.review li .last-child {margin-bottom:0;position: relative; display:inline-block;}
.review li .last-child:after {content:""; display:block; position:absolute; right:-17px; top:5px; background:url(../../../../image/ko/solution/common/ico/reviewLike.png) no-repeat center center; width:13px; height:12px;}
.review li a {color:#1a1a1a;font-size:18px}
.review li dt > a {overflow:hidden; display:block; width:100%; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap;}
.review dl dd:nth-child(3) a {font-size:16px; color:#2572eb; font-family:NotoSansM,sans-serif; display:block; margin-top:28px;}

/* 책이미지 좌측으로 할경우 */
.review.leftList div {padding:20px 20px 20px 126px}
.review.leftList .book {position:absolute;top:20px;left:20px}

@media screen and (min-width:0px) and (max-width:1024px){
.review li {float:none !important;width:auto}
.review li.even div {margin-left:0}
.review li.odd div {margin-right:0}
}

@media screen and (min-width:0px) and (max-width:767px){
.searchArea .limitSearchBtn {margin-bottom:10px}
.searchArea .limitSearchBtn a {background-position:0 2px}
.searchArea form {padding-top:10px;border-top:1px solid #e6e6e6}

.review li {overflow:hidden}
.review li div {height:auto;min-height:96px;padding-right:100px}
.review li .num {height:100%}
.review li dl {overflow:hidden;height:auto}
.review li dt {max-height:100%}
.review .book {width:70px;height:96px}
.review .book img {width:70px;height:96px}

/* 책이미지 좌측으로 할경우 */
.review.leftList div {padding-left:100px}

.searchArea .inputTextType5, .searchArea .btnType5 {margin-bottom:10px}
.searchArea .datePicker {width:80px}
.searchArea .selectBox1 {width:auto; min-width:95px}
.searchArea span.bunch {line-height:2.4em}

.listTable tr th {padding:10px 10px}
.listTable tr td {padding:14px 4px}
.listTable td.num			{width:40px; text-align:center;}
.listTable td.book_info		{width:auto; text-align:left;padding-left:10px;}
.listTable td.title			{width:auto; text-align:left;padding-left:10px;}
.listTable td.writeDate		{width:85px; text-align:center;}
.listTable td.grade			{width:50px; text-align:center;}
.listTable td.recom_count	{width:55px; text-align:center;}