@charset "utf-8";
#body {font-family:'굴림'; font-size:12px; color:#333;}
div {border:0; margin:0; padding:0;}
img{border:0; vertical-align:middle;}
#tsignin {position:absolute; width:920px; height:544px; top:10px; left:-910px; background-color:#fff;z-index:1000;}
#rsignin {position:absolute; width:920px; height:544px; top:10px; left:-910px; background-color:#fff;z-index:1000;}
#ssignin {position:absolute; width:920px; height:544px; top:10px; left:-910px; background-color:#fff;z-index:1000;}
#bsignin {position:absolute; width:920px; height:544px; top:10px; left:-910px; background-color:#fff;z-index:1000;}
#wsignin {position:absolute; width:920px; height:544px; top:10px; left:-910px; background-color:#fff;z-index:1000;}
#asignin {position:absolute; width:920px; height:544px; top:10px; left:-910px; background-color:#fff;z-index:1000;}
#lsignin {position:absolute; width:920px; height:544px; top:10px; left:-910px; background-color:#fff;z-index:1000;}

#borderblack{position:absolute; width:920px; height:544px; top:0; left:0; background-color:#000;}

#tsignin-panel {position:absolute; width:918px; height:542px; top:1; left:1; background-color:#eee;}
#rsignin-panel {position:absolute; width:918px; height:542px; top:1; left:1; background-color:#eee;}
#ssignin-panel {position:absolute; width:918px; height:542px; top:1; left:1; background-color:#eee;}
#bsignin-panel {position:absolute; width:918px; height:542px; top:1; left:1; background-color:#eee;}
#wsignin-panel {position:absolute; width:918px; height:542px; top:1; left:1; background-color:#eee;}
#asignin-panel {position:absolute; width:918px; height:542px; top:1; left:1; background-color:#eee;}
#lsignin-panel {position:absolute; width:918px; height:542px; top:1; left:1; background-color:#eee;}

#time {position:absolute; width:900px; height:524px; top:9px; left:9px; background-color:#fff;}
#space {position:absolute; width:900px; height:524px; top:9px; left:9px; background-color:#fff;}
#subject {position:absolute; width:900px; height:524px; top:9px; left:9px; background-color:#fff;}
#book {position:absolute; width:900px; height:524px; top:9px; left:9px; background-color:#fff;}
#weather1 {position:absolute; width:900px; height:524px; top:9px; left:9px; background-color:#fff;}
#author {position:absolute; width:900px; height:524px; top:9px; left:9px; background-color:#fff;}
#timeline1 {position:absolute; width:900px; height:524px; top:9px; left:9px; background-color:#fff;}

#tsing-tab{position:absolute; width:24px; height:108px; margin:0; padding:0; border:0; left:920px; top:0px;z-index:999;}
#rsing-tab{position:absolute; width:24px; height:108px; margin:0; padding:0; border:0; left:920px; top:90px;z-index:999;}
#ssing-tab{position:absolute; width:24px; height:108px; margin:0; padding:0; border:0; left:920px; top:180px;z-index:999;}
#bsing-tab{position:absolute; width:24px; height:108px; margin:0; padding:0; border:0; left:920px; top:270px;z-index:999;}
#wsing-tab{position:absolute; width:24px; height:108px; margin:0; padding:0; border:0; left:920px; top:360px;z-index:999;}
#asing-tab{position:absolute; width:24px; height:108px; margin:0; padding:0; border:0; left:920px; top:360px;z-index:999;}
#lsing-tab{position:absolute; width:24px; height:108px; margin:0; padding:0; border:0; left:920px; top:450px;z-index:999;}

.signin-tbutton {float:left; width:24px; height:90px; cursor:hand; background-image:url('/images/yk/time_off.png'); background-repeat:no-repeat;}
.signin-tbuttonup{float:left; width:24px; height:90px; cursor:hand; background-image:url("/images/yk/time_on.png"); background-repeat:no-repeat;}

.signin-rbutton {float:left; width:24px; height:90px; cursor:hand; background-image:url('/images/yk/space_off.png'); background-repeat:no-repeat;}
.signin-rbuttonup{float:left; width:24px; height:90px; cursor:hand; background-image:url("/images/yk/space_on.png"); background-repeat:no-repeat;}

.signin-sbutton {float:left; width:24px; height:90px; cursor:hand; background-image:url('/images/yk/subject_off.png'); background-repeat:no-repeat;}
.signin-sbuttonup{float:left; width:24px; height:90px; cursor:hand; background-image:url("/images/yk/subject_on.png"); background-repeat:no-repeat;}

.signin-bbutton {float:left; width:24px; height:90px; cursor:hand; background-image:url('/images/yk/book_off.png'); background-repeat:no-repeat;}
.signin-bbuttonup{float:left; width:24px; height:90px; cursor:hand; background-image:url("/images/yk/book_on.png"); background-repeat:no-repeat;}

.signin-wbutton {float:left; width:24px; height:90px; cursor:hand; background-image:url('/images/yk/weather_off.png'); background-repeat:no-repeat;}
.signin-wbuttonup{float:left; width:24px; height:90px; cursor:hand; background-image:url("/images/yk/weather_on.png"); background-repeat:no-repeat;}

.signin-abutton {float:left; width:24px; height:90px; cursor:hand; background-image:url('/images/yk/author_off.png'); background-repeat:no-repeat;}
.signin-abuttonup{float:left; width:24px; height:90px; cursor:hand; background-image:url("/images/yk/author_on.png"); background-repeat:no-repeat;}

.signin-lbutton {float:left; width:24px; height:90px; cursor:hand; background-image:url('/images/yk/line_off.png'); background-repeat:no-repeat;}
.signin-lbuttonup{float:left; width:24px; height:90px; cursor:hand; background-image:url("/images/yk/line_on.png"); background-repeat:no-repeat;}

#title {position:absolute; width:900px; height:36px; top:0px; left:0px; background-image:url('/images/yk/ilki/title.jpg'); background-repeat:repeat-x; vertical-align:middle;}
.title {font-family:'굴림'; font-size:12px; color:#333; text-align:left; vertical-align:middle; line-height:-10px;font-weight:bold;}

#stitle {position:absolute; width:900px; height:36px; top:36px; left:0px; background-color:#dce6f2; }
.stitle {text-align:left;}

/*왼쪽-시간별*/
/*세기*/
#left {position:absolute; width:116px; height:484px; top:37px; left:0px;}
#left ul {float:left; list-style:none; padding:0; margin:0;}
#left ul li {display: inline;}
#left ul li a{width:102px; float:left; color:#333333; background:#dce6f2; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:23px 5px; margin:1px 2px;}
#left ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd; font-weight:bold;}

#tblank {float:left; width:102px; height:71px; margin:1px 2px; border:0; background:#dce6f2; display:block; padding:0px 5px;}
/*오른쪽*/
#right {position:absolute; width:768px; height:484px; top:37px; left:114px;}
/*년대*/
#seventies {position:absolute; width:768px; top:0; left:0;}
#seventies ul {width:100%; float:left; list-style:none; padding:0; margin:0;}
#seventies ul li {display: inline; text-align:center;}
#seventies ul li a{ width:*; float:left; color:#333333; background:#ffffff; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:20px 11px; margin:1px 2px; text-align:center;}
#seventies ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd; text-align:center;}
/*년도*/
#year {position:absolute; width:768px; top:63px; left:0;}
#year ul {width:100%; float:left; list-style:none; padding:0; margin:0;}
#year ul li {display: inline; text-align:center;}
#year ul li a{ width:*; float:left; color:#333333; background:#ffffff; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:20px 11px; margin:1px 2px;}
#year ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd;}
/*월*/
#month {position:absolute; width:768px; top:126px; left:0;}
#month ul {width:100%; float:left; list-style:none; padding:0; margin:0;}
#month ul li {display: inline; text-align:center;}
#month ul li a{ width:*; float:left; color:#333333; background:#ffffff; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림';padding:20px 11px; margin:1px 2px; text-align:center;}
#month ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd; text-align:center;}
/*일*/
#day {position:absolute; width:768px; top:189px; left:0;}
#day ul {width:100%; float:left; list-style:none; padding:0; margin:0;}
#day ul li {display: inline; text-align:center;}
#day ul li a{ width:*; float:left; color:#333333; background:#ffffff; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:20px 11px; margin:1px 2px; text-align:center;}
#day ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd; text-align:center;}

/*왼쪽-공간별*/
/*지역*/
#sleft {position:absolute; width:250px; height:484px; top:37px; left:0px;}
#sleft ul {float:left; list-style:none; padding:0; margin:0;}
#sleft ul li {display: inline;}
#sleft ul li a{width:110px; float:left; color:#333333; background:#dce6f2; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:14px 5px; margin:1px 2px; text-align:center;}
#sleft ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd; text-align:center;font-weight:bold;}

#sblank {float:left; width:110px; height:34px; margin:1px 2px; padding:0; border:0; background:#dce6f2; display:block; padding:0px 5px;}

/*오른쪽*/
#sright {position:absolute; width:650px; height:484px; top:37px; left:250px;}
/*도시*/
#city {position:absolute; width:650px; top:0; left:0;}
#city ul {width:100%; float:left; list-style:none; padding:0; margin:0;}
#city ul li {float:left; display: inline; text-align:center;}
#city ul li a{ width:80px; float:left; color:#333333; background:#ffffff; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:21px 0; margin:1px 2px; text-align:center;}
#city ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd; text-align:center;font-weight:bold;}

/*왼쪽-주제별*/
/*주제*/
#jleft {position:absolute; width:116px; height:484px; top:37px; left:0px;}

#jleft ul {float:left; list-style:none; padding:0; margin:0;}
#jleft ul li {display: inline;}
#jleft ul li a{width:136px; float:left; color:#333333; background:#dce6f2; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:6px 5px; margin:1px 2px; text-align:center;}
#jleft ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd; text-align:center;font-weight:bold;}

#jblank {float:left; width:136px; height:84px; margin:1px 2px; padding:0; border:0; background:#dce6f2; display:block; padding:0px 5px;}

/*오른쪽*/
#jright {position:absolute; width:740px; height:484px; top:37px; left:150px;}
img {border:0;}

#jlist { position:ablolute; width: 740px; font-family:'굴림'; font-size:12px; color:#333; text-align:center;}
#jlist ul {float:left; list-style:none; margin:0; padding:0; margin:0;}
#jlist ul li {float:left; height:18px; margin:0; border:0; display:block;}

#jlist ul li.line {width:100%;}

#jlist ul li.booktitle {padding:16px 0 0px 0; margin:0; border:0; width:340px; text-align:center;}
#jlist ul li.authtitle {padding:16px 0 0px 0; margin:0; border:0; width:120px; text-align:center;}
#jlist ul li.segititle {padding:16px 0 0px 0; margin:0; border:0; width:100px; text-align:center; }
#jlist ul li.linkinfotitle {padding:16px 0 0px 0; margin:0; border:0; width:170px; text-align:center;}

#jlist ul li.bookname {padding:0; margin:0; border:0; width:340px; text-align:left;}
#jlist ul li.bookname a {text-align:left; text-decoration:none; text-align:left;}
#jlist ul li.bookname a:hover {text-align:left; text-decoration:underline; text-align:left;font-weight:bold;}
#jlist ul li.auth {padding:0; margin:0; border:0; width:120px; text-align:center;}
#jlist ul li.segi {padding:0; margin:0; border:0; width:100px; text-align:center; }
#jlist ul li.linkinfo {padding:0; margin:0; border:0; width:170px; text-align:left;}

#jlist ul li.ajaxpage {padding:10px 0; margin:0; border:0; width:740px; text-align:center; text-decoration:none;}

/*왼쪽-서명별*/
/*서명*/
#bleft {position:absolute; width:136px; height:484px; top:37px; left:0px;}
#bleft ul {float:left; list-style:none; padding:0; margin:0;}
#bleft ul li {display: inline;}

#bleft ul li a{width:136px; float:left; color:#333333; background:#dce6f2; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:11px 0; margin:1px 2px;}
* html #bleft ul li a{width:136px; float:left; color:#333333; background:#dce6f2; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:11px 5px; margin:1px 2px;}
#bleft ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd;font-weight:bold;}

#blank {float:left; width:136px; height:28px; margin:1px 2px; padding:0; border:0; background:#dce6f2; display:block; }
/*오른쪽*/
#bright {position:absolute; width:745px; height:484px; top:37px; left:145px;}

#blist { position:ablolute; width: 740px; font-family:'굴림'; font-size:12px; color:#333; text-align:center;}
#blist ul {float:left; list-style:none; margin:0; padding:0; margin:0;}
#blist ul li {float:left; height:18px; margin:0; border:0; display:block;}

#blist ul li.line {width:100%;}

#blist ul li.booktitle {padding:14px 0 0px 0; margin:0; border:0; width:350px; text-align:center;}
#blist ul li.authtitle {padding:14px 0 0px 0; margin:0; border:0; width:120px; text-align:center;}
#blist ul li.segititle {padding:14px 0 0px 0; margin:0; border:0; width:100px; text-align:center; }
#blist ul li.linkinfotitle {padding:14px 0 0px 0; margin:0; border:0; width:170px; text-align:center;}

#blist ul li.bookname {padding:0; margin:0; border:0; width:345px; text-align:left;}
#blist ul li.bookname a {text-align:left; text-decoration:none; text-align:left;}
#blist ul li.bookname a:hover {text-align:left; text-decoration:underline; text-align:left;font-weight:bold;}
#blist ul li.auth {padding:0; margin:0; border:0; width:120px; text-align:center;}
#blist ul li.segi {padding:0; margin:0; border:0; width:100px; text-align:center; }
#blist ul li.linkinfo {padding:0; margin:0; border:0; width:170px; text-align:left;}

#blist ul li.ajaxpage {padding:10px 0; margin:0; border:0; width:740px; text-align:center; text-decoration:none;}

/*왼쪽-저자별*/
/*저자*/
#aleft {position:absolute; width:136px; height:484px; top:37px; left:0px;}
#aleft ul {float:left; list-style:none; padding:0; margin:0;}
#aleft ul li {display: inline;}

#aleft ul li a{width:136px; float:left; color:#333333; background:#dce6f2; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:11px 0; margin:1px 2px;}
* html #aleft ul li a{width:136px; float:left; color:#333333; background:#dce6f2; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:11px 5px; margin:1px 2px;}
#aleft ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd;font-weight:bold;}

#ablank {float:left; width:136px; height:29px; margin:1px 2px; padding:0; border:0; background:#dce6f2; display:block; }
/*오른쪽*/
#aright {position:absolute; width:730px; height:484px; top:37px; left:160px;}

#alist { position:ablolute; width: 730px; font-family:'굴림'; font-size:12px; color:#333; text-align:center;}
#alist ul {float:left; list-style:none; margin:0; padding:0; margin:0;}
#alist ul li {float:left; height:18px; margin:0; border:0; display:block;}

#alist ul li.line {width:100%;}

#alist ul li.booktitle {padding:14px 0px 0px 0px; margin:0; border:0; width:335px; text-align:center;}
#alist ul li.authtitle {padding:14px 0px 0px 0px; margin:0; border:0; width:130px; text-align:center;}
#alist ul li.segititle {padding:14px 0px 0px 0px; margin:0; border:0; width:100px; text-align:center; }
#alist ul li.linkinfotitle {padding:14px 0px 0px 0px; margin:0; border:0; width:165px; text-align:center;}

#alist ul li.bookname {padding:0; margin:0; border:0; width:335px; text-align:left;}
#alist ul li.bookname a {text-align:left; text-decoration:none; text-align:left;}
#alist ul li.bookname a:hover {text-align:left; text-decoration:underline; text-align:left;font-weight:bold;}
#alist ul li.auth {padding:0; margin:0; border:0; width:130px; text-align:left;}
#alist ul li.segi {padding:0; margin:0; border:0; width:100px; text-align:center; }
#alist ul li.linkinfo {padding:0; margin:0; border:0; width:165px; text-align:left;}

#alist ul li.ajaxpage {padding:10px 0; margin:0; border:0; width:730px; text-align:center; text-decoration:none;}








/*왼쪽-기상별*/
#weather {position:absolute; width:920px; height:484px; top:74px; left:0px; }
#weather ul {width:920px;float:left; list-style:none; padding:0; margin:0; text-align:center;}
#weather ul li {display: inline; width:110px; float:left; color:#333333; background:#ffffff; text-decoration:none; font-size:11px; line-height:1em; font-family:'굴림'; padding:20px 5px; margin:1px 2px;}
#weather ul li a:hover, .left ul li .current {color:#ffffff; background: #4f81bd;}


/*타임라인*/
#timeline {position:absolute; width:905px; height:484px; top:0px; left:0px; }