@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@chaset "utf-8";

html, body{margin:0;padding:0;width:100%;height:100%;font-family: "Noto Sans KR", sans-serif;font-size:14px;}
html{scroll-behavior:smooth;}
a, p, ul, li, h1, h2, h3, h4, input, form{display:block;margin:0;padding:0;text-decoration:none;list-style-type:none;}

@keyframes fadein{ from{opacity:0;} to{opacity:1;} }

#wrap{width:100%;}

/*top*/
.header{width:100%;height:95px;background-color:#fff;}
.topsect{position:relative;width:100%;max-width:1024px;margin:0 auto;}
.tlogo{position:absolute;left:0;top:15px;}
.searchsect{position:absolute;left:calc(50% - 139px);top:25px;}
.searchsect .qtxt{float:left;width:328px;height:44px;line-height:38px;border:3px solid #fa9300;padding:0 0 0 10px;}
.searchsect .qsubmit{float:left;}
.tlink{position:absolute;right:0;top:36px;display:block;width:95px;height:28px;line-height:28px;text-align:center;font-size:13px;color:#000;background:url('./images/ico_newin_g.png') no-repeat 85px 9px;}
.tlink:hover{text-decoration:underline;}

/*main img*/
.mainwrap{width:100%;height:705px;
	background-image:url('./images/pattern.png'), url('../catImage/1/mainimg.jpg');
	background-repeat:repeat, no-repeat;
	background-position:0 0, 50% 0;
	animation:fadein 2s 0s alternate;}
.mainsect{position:relative;width:100%;max-width:1024px;margin:0 auto;}
.maintitle{position:absolute;right:10px;top:125px;width:485px;height:73px;text-align:center;opacity:0;animation:fadein 2s 1s both;}
.maintitle > span{color:#fff;}
.scrollmove{position:absolute;top:685px;left:calc(50% - 25px);}
.mainissue{position:absolute;left:0;top:130px;}

/*sub img*/
.subwrap{width:100%;height:288px;
	background-image:url('./images/pattern.png'), url('../catImage/1/subimg.jpg');
	background-repeat:repeat, no-repeat;
	background-position:0 0, 50% 0;
	background-size:auto, cover;
	animation:fadein 2s 0s alternate;}
.subsect{position:relative;width:100%;max-width:1024px;margin:0 auto;}

.tabs{position:absolute;left:0;top:0;width:308px;height:43px;}
.tabs > li{float:left;width:154px;height:43px;}
.tabs > li a{display:block;width:100%;height:43px;line-height:43px;font-size:15px;text-align:center;color:#000;background-color:rgba(255,255,255,0.6);}
ul.tabs li.active a:first-child{color:#fff;background-color:rgba(250,147,0,0.6);}
.tab_content{width:446px;height:420px;overflow-y:hidden;white-space:nowrap;-ms-overflow-style: none;scrollbar-width: none;}
.tab_content::-webkit-scrollbar{display:none;}

.mainissue .mbtn{position:absolute;right:10px;top:6px;}
.mainissue .mbtn > a{float:left;cursor:pointer;}
.mainissue .mbtn > a:first-child{margin-right:10px;}
.mainthumbcnt{width:892px;height:340px;} /* width > 223x4 */
.mainthumbcnt > li{position:relative;float:left;width:178px;height:340px;margin:110px 45px 40px 0;}
.mainthumbcnt > li > a{position:absolute;display:block;width:178px;height:258px;box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.mainthumbcnt > li > a > img{width:100%;height:100%;}
.mainthumbcnt > li > a:before{position:absolute;display:block;content:'';width:178px;height:258px;background:url('./images/bookeff.png') no-repeat 100% 100%;}
.mainthumbcnt > li .booktitle{position:relative;top:258px;display:table;width:168px;height:43px;text-align:center;padding:5px 5px 5px 5px;over-flow:hidden;background-color:rgba(0,0,0,0.5);}
.mainthumbcnt > li .booktitle > span{display:table-cell;vertical-align:middle;letter-spacing:-1px;line-height:1.5;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/*booklist*/
.booklistwrap{width:100%;height:auto;background-color:#eee;padding:105px 0 90px 0;}
.booklistwrap:after{display:block;content:'';clear:both;}
.booklistsect{position:relative;width:100%;max-width:1024px;height:auto;margin:0 auto;}
.lnbsect{float:left;width:214px;}
.lnbsect > .lnb{width:180px;}
.lnbsect > .lnb > li{margin:0 0 5px 0;box-shadow:5px 5px 5px rgba(0,0,0,0.1);background-color:#fff;}
.lnbsect > .lnb > li.active > a{background-color:#fa9300;color:#fff;}
.lnbsect > .lnb > li > a{display:block;width:180px;height:43px;text-align:center;line-height:43px;color:#000;}
.mnav{display:none;width:calc(100% - 20px);height:30px;line-height:30px;margin:10px;text-align:center;}
.mnav > select{width:100%;height:30px;}

.booklist{float:right;width:100%;max-width:810px;}
.thumbcnt:after{display:block;content:'';clear:both;}
.thumbcnt > li{position:relative;float:left;width:178px;height:340px;margin:0 30px 40px 0;}
.thumbcnt > li:nth-child(4n+0){margin-right:0;}
.thumbcnt > li > a{position:absolute;display:block;width:178px;height:258px;box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.thumbcnt > li > a > img{width:100%;height:100%;}
.thumbcnt > li > a:before{position:absolute;display:block;content:'';width:178px;height:258px;background:url('./images/bookeff.png') no-repeat 100% 100%;}
.thumbcnt > li .booktitle{position:relative;top:258px;display:table;width:168px;height:43px;text-align:center;padding:5px 5px 0 5px;over-flow:hidden;}
.thumbcnt > li .booktitle > span{display:table-cell;vertical-align:middle;letter-spacing:-1px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.thumbcnt > li .bookyear{position:relative;top:258px;display:table;width:168px;height:20px;text-align:center;padding:0;overflow:hidden;}
.thumbcnt > li .bookyear > span{display:table-cell;vertical-align:middle;letter-spacing:-1px;font-size:12px;color:#adadad;}

/* 페이징 */
.pageingsect{position:relative;width:100%;height:auto;padding:25px 0 0 0;text-align:center;}
.paging{display:inline-block;width:auto;}
.paging > li{float:left;width:30px;height:30px;margin:0 4px 0 0;}
.paging > li:nth-last-child(1){margin:0;}
.paging > li > a{display:block;width:30px;height:30px;text-align:center;color:#000;text-decoration:none;font-size:11px;line-height:30px;border:1px solid #999999;}
.paging > li > a.over{background-color:#999999;color:#fff;}
.paging > li > a:hover{background-color:#e3e3e3;}
.paging > li.mbtn > a{width:32px;height:32px;border:0;}

/* search_result */
.search_result_wrap{position:static;width:100%;height:auto;background-color:#fff;padding:0 0 90px 0;}
.search_result_sect{width:100%;max-width:980px;height:auto;margin:0 auto;}
.snav{width:100%;margin:40px 0 20px 0;}
.snav > a{float:left;color:#585858;}
.snav > a:hover{text-decoration:underline;}
.snav > span{margin-left:10px;padding-left:10px;background:url('./images/ico_arrow.png') no-repeat 0 7px;}
.search_result_list{width:100%;height:auto;}
.search_result_list > li{padding:50px 0 50px 0;border-bottom:1px solid #d7d7d7;}
.search_result_list > li:after{display:block;content:'';clear:both;}
.stitle{font-size:40px;font-weight:normal;color:#0b0b0b;}
.searchinfo{width:calc(100% - 62px);height:auto;border:1px solid #d7d7d7;padding:30px;margin:27px 0 0 0;}
.searchinfo > span{color:#fa9300;}
.sresitem_img{float:left;width:172px;margin-right:40px;}
.sresitem_img > img{width:170px;height:248px;border:1px solid #d7d7d7;}
.sresitem_txt{float:left;width:calc(100% - 212px);}
.sresitem_txt > p{line-height:30px;}
.sresitem_txt > .ebookbtn{float:right;margin-top:-30px;}
.sresitem_txt > .ebookbtn > a{display:block;width:calc(130px - 17px);height:28px;line-height:28px;background:url('./images/ico_newin_w.png') no-repeat 105px 9px;background-color:#fa9300;color:#fff;padding-left:17px;}
.sresitem_txt > .retext{width:calc(100% - 30px);height:calc(140px - 30px);line-height:28px;margin-top:20px;padding:15px;background-color:#f7f7f7;overflow:hidden;}
.sresitem_txt > .retext > p{width:100%;height:112px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.sresitem_txt > .retext > p >span{color:red;}

/*footer*/
.footerwrap{width:100%;height:115px;background-color:#52545a;}
.footersect{position:relative;width:100%;max-width:1024px;margin:0 auto;}
.flogo{position:absolute;left:0;top:27px;}
.ftxt{position:absolute;left:220px;top:42px;color:#ababab;}
.flink{position:absolute;right:0;top:42px;display:block;width:99px;height:29px;line-height:29px;color:#d6d6d6;padding-left:12px;background-image:url('./images/ico_newin_g.png');background-repeat:no-repeat;background-position:91px 9px;background-color:#373737;}

@media (max-width:999px){
.header{background-color:#f7f7f7;}
.tlogo{display:none;}
.tlink{display:none;}
.searchsect{left:calc(50% - 135px);top:25px;}
.searchsect .qtxt{width:220px;}
.mainwrap{display:none;}
.booklistwrap{padding-top:10px;}
.mnav{display:inline-block;}
.lnbsect{display:none;}
.booklist{float:none;width:calc(100% - 20px);padding:10px;}
.thumbcnt > li{float:none;margin:0 auto;}

.subwrap{display:none;}
.search_result_sect{width:calc(100% - 20px);padding:0 10px 0 10px;}
.sresitem_img{display:none;}
.sresitem_txt{width:100%;}
.sresitem_txt > .ebookbtn{float:none;display:block;width:100%;height:28px;margin:10px 0 10px 0;background-color:#fa9300;}
.sresitem_txt > .ebookbtn > a{margin:0 auto;}

.footerwrap{height:auto;}
.footersect{position:static;padding:20px 0 20px 0;}
.flogo{position:static;width:182px;height:48px;margin:0 auto;}
.ftxt{position:static;left:0;width:calc(100% - 20px);padding:10px 10px 0 10px;}
.flink{position:static;margin:20px auto 0 auto;}
}