/* Common */
body,div,span,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{color:#4c4c4c; font-family:Arial; font-size:12px;line-height:16px}
body	{background:#323233}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}

/* Layout */
#pdf_wrap	{width:1240px; margin:0 auto; background:#fbf6f6}
#header	{position:relative; height:84px; background:#ffffff; border-bottom:1px solid #eae9e5}
#pdf_wrap #header #top_line	{background:url(img/top_rec.gif) no-repeat #323233; height:18px}
#pdf_wrap #header h1	{position:absolute; top:25px; left:40px;}
#pdf_wrap #header #nav	{position:absolute; top:18px; right:40px;}
#pdf_wrap #header #nav li	{float:left; margin-left:25px; padding-top:13px}
#pdf_wrap #header #nav li.sel	{display:inline-block; height:44px; background:url(img/nav_sel.gif) repeat-x}
#pdf_wrap #header #nav li.sel a, #pdf_wrap #header #nav li a:hover	{color:#ff5640}
#pdf_wrap #header #nav li a {display:inline-block; margin-top:13px; font-size:22px; line-height:1; color:#bbb0a2; text-decoration:none}
#pdf_wrap #contents	{position:relative;background:url(img/title_img2024.png) no-repeat; padding-top:10px;}
#pdf_wrap #contents .img	{background:url(img/shelf.png?wdate=20210412) repeat-y; padding-top:43px; padding-left:30px;}
#pdf_wrap #contents:after	{clear:both; display:block; content:''}

#navi	{position:relative; width:940px; height:66px; margin-left:300px; overflow:hidden}
/* 메뉴바 */
#navi,#scroller	{font-size:22px; line-height:66px;}
#navi,.sub_navi,.etc.tab	{position:relative;} /* 메뉴바 칼라 */
#navi .tab,.sub_navi .tab,.etc.tab	{height:44px; overflow:hidden; text-align:center; margin:0 10px; font-size:0; white-space:nowrap}
.etc.tab	{margin:0}
#navi .tab a,.sub_navi .tab a,.etc.tab a,#navi .tab .dummy	{display:inline-block; height:2.588em; font-size:1em; font-weight:bold; line-height:2.588em; letter-spacing:-0.05em; color:#fff;}
#navi .tab a.on,.sub_navi .tab a.on,.etc.tab a.on,#scroller a.on	{display:inline-block; height:40px; border-bottom:4px solid #fff; border-color:rgba(255,255,255,0.7);}
#navi .arr_l,#navi .arr_r	{position:absolute; display:none; left:0; top:11px; width:26px; height:40px; background:#fff url(img/btn_gnb_6.png) -49px 0 no-repeat; background-size:auto 85px; text-indent:-999em; cursor:pointer}
#navi .arr_l.active,#navi .arr_r.active	{display:block}
#navi .arr_r	{right:0; left:auto; background-position:-50px -45px}
#navi .tab.top	{position:relative}
#navi .tab.top div	{white-space:nowrap}
#navi .tab.top div a	{padding:0 10px}
#scroller a	{padding-right:20px;}
#scroller a, #scroller a:visited	{color:#666}
#scroller a strong	{font-weight:normal; color:#ff5640}


#pdf_wrap .list	{width:1200px;}
#pdf_wrap .list:after	{clear:both; display:block; content:''}
#pdf_wrap .list li	{position:relative; float:left; width:240px; height:210px; padding-bottom:61px; overflow:hidden}
#pdf_wrap .list dt	{position:absolute; top:0; left:10px; width:144px; height:210px}
#pdf_wrap .list dt img	{width:135px; height:209px;  border:1px solid #d9d4d0; border-bottom:0}
#pdf_wrap .list dd		{position:absolute; top:7px; left:154px; width:86px}
#pdf_wrap .list span	{display:block; margin-bottom:5px}
#pdf_wrap .list .info01	{font-size:12px; color:#8b8b8b}
#pdf_wrap .list .info02	{font-size:15px; font-weight:bold; color:#4d4d4d; margin-bottom:1px}
#pdf_wrap .list .info03	{font-size:12px; color:#4d4d4d}
#pdf_wrap .list .btn	{position:absolute; left:154px; bottom:61px}
#pdf_wrap .list .btn a	{display:inline-block; cursor:pointer}
#pdf_wrap .list .btn a .pdf		{width:67px; height:23px; background:url(img/view_btn_off.png) no-repeat; text-indent:-999px}
#pdf_wrap .list .btn a:hover .pdf		{width:67px; height:23px; background:url(img/view_btn_on.png) no-repeat; text-indent:-999px}
#pdf_wrap .list .btn a .ebook	{width:67px; height:23px; background:url(img/view_btn_off.png) no-repeat 0 -28px; text-indent:-999px}
#pdf_wrap .list .btn a:hover .ebook	{width:67px; height:23px; background:url(img/view_btn_on.png) no-repeat 0 -28px; text-indent:-999px}
#pdf_wrap  .list .info img			{width:191px; height:210px; margin-left:20px}

#pdf_wrap #paginate	{text-align:center; padding-bottom:30px}
#pdf_wrap #paginate a	{display:inline-block; padding:5px 10px; border:1px solid #d0d0d0; background:#f5f1ed; margin:0 2px; font-size:14px; color:#767573; text-decoration:none}
#pdf_wrap #paginate a.sel	{border:1px solid #666; color:#000000}


/* 페이징 */
.paging	{margin-bottom:20px; text-align:center}
.paging a, .paging a:visited	{display:inline-block; position:relative; min-width:18px; padding:4px 4px 6px; margin:1px; border:1px solid #ddd; background:#fff; font:normal 14px/20px "Malgun Gothic","맑은 고딕",tahoma,verdana,dotum; text-decoration:none; line-height:normal; letter-spacing:-0.03em; color:#000;}
.paging a.pre, .paging a.next	{padding:4px 10px 6px; border:0; background:none;}
.paging strong	{display:inline-block; position:relative; min-width:18px; padding:4px 4px 6px; margin:1px; border:1px solid #e93656; background:#e93656; font:normal 14px/20px "Malgun Gothic","맑은 고딕",tahoma,verdana,dotum; text-decoration:none; line-height:normal; letter-spacing:-0.03em; color:#fff;}