.ebookListBg{}
.ebookList{display:table;width:100%;border-top:solid 8px #fff;}
.ebookList dl{float:left;clear:none;display:table;border-bottom:solid 8px #fff;padding:15px 20px;cursor:pointer;width:calc(25% - 35px);}
.ebookList dt{float:left;width:102px;height:124px;background-size:contain;background-position:50% 50%;background-color:#f8f8fa;background-repeat:no-repeat;margin:0 10px 0 0;position:relative}
.ebookList dt .border{position:absolute;top:0;left:0;right:0;bottom:0;background-size:85px}
.ebookList dd{float:left;width:100%;letter-spacing:-1px;margin:20px 0 0 0}
.ebookList dd .kind{display:inline-block;font-size:12px;color:#5776ff;font-weight:bold;background: url(/images/bg_kind.gif) 0 85% repeat-x;margin:0 0 8px 0}
.ebookList dd .tit{font-size:15px;color:#222;font-weight:bold;line-height:1.4;margin:0 0 5px 0}
.ebookList dd .cont{font-size:13px;color:#999}

@media only screen and (min-width:740px){
.ebookListBg{background:#fff;padding:30px 0 0 0;margin:20px 0 0 0;}
.ebookList{max-width:1070px;margin:0 auto 20px auto;padding:0 20px;border-top:none}
.ebookList dl{float:left;clear:none;width:calc(25% - 35px);background:#fff;border-bottom:none;margin:8px 15px 16px 15px;padding:15px 20px}
.ebookList dt{width:162px;height:197px;margin:0 20px 0 0}
.ebookList dt .border{background-size:auto}
.ebookList dd{width:calc(100% - 10px);margin:8px 0 0 0 0}
.ebookList dd .kind{font-size:13px;font-weight:500}
.ebookList dd .tit{font-size:18px;font-family:NanumSquareB;margin:0 0 10px 0}
.ebookList dd .cont{}
}

.ebookConBg{padding:20px 0 0 0}
.ebookConBg .contentBtn{}
.eBook{margin:20px 0 0 0}

@media only screen and (min-width:740px){
.ebookConBg{background:#f7f7f7;margin-top:20px;padding:30px 0}
.ebookConBg .contentBtn{margin-bottom:0}
.eBook{width:1200px;margin:0 auto 0 auto}
}