@charset "utf-8";
@import url(base.css);


/* default */
* {margin:0; padding:0;}
body {font-size:75%; line-height:1.8; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color:#666; overflow-y:scroll;}
*+html body {overflow-y:hidden;}
a {text-decoration:none; color:#0d53a4;}
a:hover, a:active, a:focus {text-decoration:none;}
input.type-image {margin:0; padding:0; border:0 none;}
input, select {vertical-align:middle;}
.hidden {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}

h2 {height:17px; padding:14px 0 7px 23px; background:url(../../images/Common/icn_title_depth1.gif) 0 0.7em no-repeat;}


/* Layout Selector 레이아웃에 관한건 특별한 경우를 제외하고 수정하지 말아주세요*/
#wrapper {width:970px;margin:0 auto;}
#header {height:65px; background:url(../../images/Common/bg_topline.gif) no-repeat;}
#header .logo {float:left; width:279px; padding-top:11px;}
#header .search {float:left; width:415px; padding-top:18px;}
#header .search input.text {float:left; width:312px; height:16px; padding-top:2px; padding-left:2px; margin-right:6px; border:4px solid #ff7214; font-family:"돋움";}
#header .user {float:right; width:260px; padding:24px 6px 0 0;}
#header .user ul {float:right;}
#header .user li {float:left; padding:0 7px; background:url(../../images/Common/bg_user_line.gif) 0 0.3em no-repeat;}
#header .user li.first-child {background:none;}
#gnbwrap {position:relative; height:85px; background:url(../../images/Common/bg_topnavi.gif) no-repeat;}
ul#gnb {float:left; width:970px; height:66px;}
ul#gnb li.gnb_menu {float:left; width:125px;}
ul#gnb li.gnb_movie {float:left; width:115px; margin:8px 0 0 50px;}
ul.gnb_submenu {display:none; position:absolute; overflow:hidden; top:40px;} /* 2뎁스 레이어메뉴 */
ul.gnb_submenu li {float:left;height:13px;padding:0 8px;background: url(../../images/Common/icn_navi.gif) 0 0.5em no-repeat;}
ul.gnb_submenu li a {color:#000;}
ul.gnb_submenu.sub01 {left:40px; width:270px; height:30px;}
ul.gnb_submenu.sub02 {left:162px; width:730px; height:30px;}
ul.gnb_submenu.sub03 {left:260px; width:300px; height:30px;}
ul.gnb_submenu.sub04 {left:160px; width:700px; height:30px;}
ul.gnb_submenu.sub05 {left:200px; width:730px; height:30px;}
#container {overflow:hidden; width:970px; background:url(../../images/Common/bg_container.gif) left top repeat-y;}
#snb {width:190px; padding:0; margin:0;}
#snb h2 {height:69px; padding:16px 0 0 15px; background:url(../../images/Common/bg_snb.gif) no-repeat;}
#snb ul.menu {margin:0 10px 0 10px; padding-bottom:23px; background:url(../../images/Common/bg_title.gif) left bottom repeat-x;}
#snb ul.menu li {padding-top:11px; background:url(../../images/Common/bg_snb_lineW.gif) 0 0.2em no-repeat;}
#snb ul.menu li img {padding-bottom:4px;}
#snb ul.menu li a {display:block; height:18px; padding:0 0 0 18px; background:url(../../images/Common/icn_snbdepth2.gif) 0 0 no-repeat;}
#snb ul.menu li a:hover, #snb ul.menu li a.on{background:url(../../images/Common/icn_snbdepth2_over.gif) no-repeat;}
#snb ul.menu li.first-child {padding-top:0; background:none;}
#snb ul.menu li ul li {padding-top:0; margin:4px 0 0 0; background:none;}/* 패딩값 상속해제 */
#snb ul.menu li ul li a {display:block; width:152px; height:18px; color:#474843; background:none;}
#snb ul.menu li ul li a:hover, #snb ul.menu li ul li a.on {font-weight:bold; color:#ff1e00; background:#e4e4e4 url(../../images/Common/icn_snbdepth3.gif) 1em 0.6em no-repeat;}
#quick {width:178px; margin:29px 6px 50px 6px;}
#quick h2 {height:23px; padding:10px 0 0 9px; margin:0; background:url(../../images/Common/bg_quick.gif) repeat-x;}
#viewinfo {float:right; display:inline; position:relative; width:970px; margin-bottom:65px;} /* 도서상세정보 레이아웃 수정금지 */
#content {float:right; display:inline; position:relative; width:751px; margin-bottom:65px;} /* 콘텐츠 레이아웃 수정금지 */
#content h2 {width:728px; height:17px; padding:14px 0 7px 23px; background:url(../../images/Common/icn_title_depth1.gif) 0 0.8em no-repeat;}
*+ #content h2 {width:728px; height:17px; padding:14px 0 7px 23px; background:url(../../images/Common/icn_title_depth1.gif) 0 0.6em no-repeat;}
#content .subtitle {padding:6px 0 26px 0; color:#7e7e7e; background:url(../../images/Common/bg_title.gif) left top repeat-x;}
#location {position:absolute; right:4px; top:18px; color:#5a6083;}
#location a {text-decoration:none; color:#5a6083;}
#location a:hover {color:#0d53a4;}
#location a.current {font-weight:bold;}
#footer {display:inline; float: left; position:relative; width:970px; height:120px;}
#footer .icn_top {position:absolute; right:4px; bottom:133px; width:62px;}
#footer .guide {position:relative; width:970px; height:31px; text-align:right; color:#fff; background-color:#494949;}
#footer .guide ul {position:absolute; right:185px; width:500px; margin:8px 0 9px 0; text-align:right;}
#footer .guide ul li {float:left; padding:0 8px; background:url(../../images/Common/footer_bar.gif) 0 0.2em no-repeat;}
#footer .guide ul li.first-child {background:none;}
#footer form {float:right; display:inline; width:180px; margin:6px 17px 5px 12px;}
#footer form select {width:130px; margin-top:-9px;}
#footer .copyright {position:relative; float:right; width:700px; padding:14px 210px 0 0; text-align:right; color:#474843;}
#footer .copyright span {display:block;}
#footer .logo {position:absolute; right:20px; top:20px;}
#footer p.Markpass {position:absolute; top:45px; left:0;}


/* 퀵메뉴_도서정보 */
#quick .calender {border:1px solid #d0d2d3; margin-bottom:12px;}
#quick .calender form {padding:10px 0 7px 5px; height:100%; overflow:hidden; background-color:#fff;}
#quick .calender form fieldset {padding-right:2px;}
.dataTable {width:168px; border-collapse:separate; border-spacing:2px; text-align:center; margin:0 auto; background-color:#fff;}
.dataTable th {width:22px; height:20px; line-height:21px; background-color:#696e71; color:#fff;}
.dataTable td {margin:3px 0 0 0; color:#7e7e7e;}
.dataTable td.today a {color:#ff752a; font-weight:bold; text-decoration:underline;}
.dataTable td.update a {color:#0d53a4; text-decoration:underline;}
#quick .genre {border:1px solid #d0d2d3; padding:0; margin:0; background-color:#fff; overflow:hidden;}
#quick .genre ul {width:170px; padding:10px 0 0 5px;}
#quick .genre ul li {float:left; display:inline; width:80px; height:21px; padding:2px; background:url(../../images/Common/bg_genre.gif) no-repeat;}
#quick .genre ul li a {display:block; width:72px; padding-left:9px; color:#34383f;}
#quick .genre ul li.yellow {background:url(../../images/Common/bg_genre_yellow.gif) no-repeat;}
#quick .genre ul li.yellow a {color:#ff3000;}

/* 퀵메뉴_인명정보 */
#quick .artist {border:1px solid #d0d2d3; background-color:#fff; overflow:hidden; margin-bottom:200px;}
#quick .artist ol {width:170px; padding:10px 0 5px 5px;}
#quick .artist ol li{position:relative; overflow:hidden; width:140px; padding:0 0 4px 30px;}
#quick .artist ol li a, #quick .Topsearch ol li a {color:#34383f;}
#quick .artist ol li.num1, #quick .Topsearch ol li.num1 {background:url(../../images/Common/icn_rank1.gif) 0.5em 0.1em no-repeat;}
#quick .artist ol li.num2, #quick .Topsearch ol li.num2 {background:url(../../images/Common/icn_rank2.gif) 0.5em 0.1em no-repeat;}
#quick .artist ol li.num3, #quick .Topsearch ol li.num3 {background:url(../../images/Common/icn_rank3.gif) 0.5em 0.1em no-repeat;}
#quick .artist ol li.num4, #quick .Topsearch ol li.num4 {background:url(../../images/Common/icn_rank4.gif) 0.5em 0.1em no-repeat;}
#quick .artist ol li.num5, #quick .Topsearch ol li.num5 {background:url(../../images/Common/icn_rank5.gif) 0.5em 0.1em no-repeat;}
#quick .artist ol li.num6, #quick .Topsearch ol li.num6 {background:url(../../images/Common/icn_rank6.gif) 0.5em 0.1em no-repeat;}
#quick .artist ol li.num7, #quick .Topsearch ol li.num7 {background:url(../../images/Common/icn_rank7.gif) 0.5em 0.1em no-repeat;}
#quick .artist ol li.num8, #quick .Topsearch ol li.num8 {background:url(../../images/Common/icn_rank8.gif) 0.5em 0.1em no-repeat;}
#quick .artist ol li.num9, #quick .Topsearch ol li.num9 {background:url(../../images/Common/icn_rank9.gif) 0.5em 0.1em no-repeat;}
#quick .artist ol li.num10, #quick .Topsearch ol li.num10 {background:url(../../images/Common/icn_rank10.gif) 0.5em 0.1em no-repeat;}

/* 퀵메뉴_커뮤니티 */
#quick p {padding-bottom:6px;}
#quick .Topsearch {border:1px solid #d0d2d3; background-color:#fff; overflow:hidden;}
#quick .Topsearch ol {width:170px; padding:10px 0 5px 5px; margin:0;}
#quick .Topsearch ol li {padding:0 0 4px 0; margin:0; position:relative;}
#quick .Topsearch ol li a {padding-left:30px;}
#quick .Topsearch ol li span {position:absolute; left:110px; width:40px; padding:0 5px 0 10px;}
#quick .Topsearch ol li span.sinfo {position:absolute; left:130px; top:5px; width:20px; padding:0 5px 0 10px;}
#quick .Topsearch ol li span img {padding-right:4px; padding-top:4px; margin:3px 0;}
#quick p.banner {padding-bottom:130px;}