/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
* {-webkit-text-size-adjust:none;} /* ºäǥƮ º¯È¯½Ã ÆùƮũ±â ÀÚµ¿È®´ë ¹æÁö */
hr,legend,caption{display:none;}
img {/*max-width:100%;*/}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none} 
html,body {position: relative;height: 100%;}
body {background:#f6f6f6;}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.25em;font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif;color:#333} /* color°ªÀº µðÀÚÀΰ¡À̵忡 ¸Â°Ô»ç¿ë */ 
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}

#ebookArea { position:relative; clear:both;overflow:hidden; width:90%; background:#FFFFFF; margin:0 auto; padding:20px 0 40px;}
#ebookArea .ebook_title { margin:20px 20px 0 20px; font-size:150%; text-align:center; font-weight:900;}
#ebookArea .ebook_title img { width:100%;}
#ebookArea .libtab { position:relative; overflow:hidden;  width:100%; padding:10px 0;}
#ebookArea .libtab ul {position:relative; clear:both; padding:0; margin:0;}
#ebookArea .libtab ul li { overflow:hidden; float:left; width:50%;list-style:none; }
#ebookArea .libtab ul li a{ display:block; background:#fff; padding:10px 0; border-bottom:5px solid #f3f3f3; text-align:center; font-size:120%; color:#666; text-decoration:none;}
#ebookArea .libtab ul li a.on { color:#000; font-weight:900; border-bottom:5px solid #f7d013;}
#ebookArea .catetab { clear:both; overflow:hidden; margin:1% 3%;}
#ebookArea .catetab ul li { float:left; width:24%; margin:0 0.5%; }
#ebookArea .catetab ul li a { display:block; padding:15px 0; border:2px solid #ebebeb; border-radius:25px; background:#f7f7f7;font-size:110%;  text-align:center;}
#ebookArea .catetab ul li a.on {background:#FFFFFF; border:2px solid #333333; font-weight:800; color:#000000; }
#ebookArea .scatetab { clear:both;  overflow:hidden;margin:10px 3%;}
#ebookArea .scatetab ul li { float:left; width:32.3%; margin:0 0.5%; }
#ebookArea .scatetab ul li a { display:block; padding:15px 0; background:#f3f3f3;font-size:110%; text-align:center;}
#ebookArea .scatetab ul li a.on {font-weight:900; color:#000000; }
#ebookArea .ebook_list { clear:both; position:relative; overflow:hidden; margin:0 3%; }
#ebookArea .ebook_list h2 { margin:10px 0; padding:0 20px; font-size:120%; font-weight:800; line-height:250%; background:#e3eff6;}
#ebookArea .ebook_list ul {}
#ebookArea .ebook_list ul li { float:left; margin:15px 0; width:150px; padding-left:35px; }
#ebookArea .ebook_list ul li a { display: block; border:1px solid #d6d6d6; border-radius:10px; position:relative; text-decoration:none; padding-bottom:10px; background-color:#FFFFFF}
#ebookArea .ebook_list ul li .pic_area { overflow:hidden; position:relative; width:148px; height:150px;  margin-bottom:10px;}
#ebookArea .ebook_list ul li .pic_area img {width:100%; border-radius:10px 10px 0 0;}
#ebookArea .ebook_list ul li .info_area {padding:0 8px; height:40px; font-size:95%; letter-spacing:-1px;}
#ebookArea .ebook_list ul li .chkbox { position:absolute; left:5px; top:5px;}
#ebookArea .ebook_list ul li .chkbox input[type='checkbox'] { width:20px; height:20px;}
#ebookArea .btnArea { padding:10px; display:block;}
#ebookArea .btnArea.floatr { float:right;}
#ebookArea  a.btn_del { display:inline-block; padding:5px 10px; margin:2px; border:1px solid #CCCCCC; font-size:95%; color:#333333;}
#ebookArea  a.btn_out { display:inline-block; padding:5px 10px; margin:2px; background:#f3f3f3; font-size:95%; color:#333333;}
#ebookArea .footer { margin-top:30px; border-top:1px solid #CCCCCC; padding:10px; text-align:center;}

/* ·Î±×ÀÎ */
.login-wrap{padding:60px 20px; width:400px; margin:0 auto; overflow:hidden; background:#ffffff;}
.login-wrap .login_form {overflow:hidden; position:relative;  padding-bottom:20px;}
.login-wrap .login_form .id_input{overflow:hidden;  margin-bottom:13px;}
.login-wrap .login_form .id_input input{padding:0px 5px 0px 10px; font-size:15px; color:#777; border:1px solid #d7d7d7; height:45px; width:100%; box-sizing: border-box;}
.login-wrap .login_form .id_input input[type="text"]{margin-bottom:10px;}
.login-wrap .login_form .btn_area{position: relative; margin:10px 0; text-align:center;}
.login-wrap .login_form .btn_area button{ /*margin-left:-90px;*/height:45px; width:110px; border-radius:5px; background: #0d4da1; color:#fff; font-size:16px; font-weight:600;}
.login-wrap .login_form .idsave {float:left;}
.login-wrap .helptxt {padding:10px;color:#444; font-size:110%; text-align:center;}
@media screen and (max-width:1024px) {
	#ebookArea { position:relative; clear:both;overflow:hidden; width:100%; background:#FFFFFF; margin:0 auto; padding:20px 0 40px;}
	.login-wrap{padding:40px 20px; width:70%; margin:0 auto; overflow:hidden; background:#ffffff;}
	.login-wrap .login_form .btn_area button{ /*margin-left:0;*/}
	.login-wrap .login_form .idsave {float:left; display:block; width:100%; margin-bottom:10px;}
}
@media(max-width:767px){
	#ebookArea .ebook_list ul li {  width:50%; padding-left:0; }
	#ebookArea .ebook_list ul li a{width:148px; margin:0 auto;}
}
@media(max-width:320px){
	#ebookArea .ebook_list ul li {  width:100%; padding-left:0; }
	#ebookArea .ebook_list ul li a{width:148px; margin:0 auto;}
}