/* Layout */
@import url('default.css');

/* 전체 그룹 */
body {}
#wrapper {background:url('../images/wrapper_bg.gif') repeat-x left top;}
#wrap {position:relative; width:980px; margin:0 auto;}

/* 상단 */
#header {position:relative; height:446px; background:url('../images/header_bg.jpg') no-repeat left top;}
#header #logo {position:absolute; left:20px; top:6px; margin:0; padding:0; line-height:0;}

#visual {position:absolute; left:283px; top:83px;}

#gnb {}
#gnb li.gnb1 {position:absolute; left:44px; top:100px;}
#gnb li.gnb2 {position:absolute; left:163px; top:165px;}
#gnb li.gnb3 {position:absolute; left:727px; top:165px;}
#gnb li.gnb4 {position:absolute; left:847px; top:100px;}


#library_intro {position:absolute; left:289px; top:170px;}
#library_intro ul.control {position:absolute;}
#library_intro ul.control li.prev {position:absolute; left:12px; top:187px;}
#library_intro ul.control li.next {position:absolute; left:394px; top:187px;}
#library_intro ul.list {height:228px; overflow:hidden;}


/* 검색서비스 */
#search {position:absolute; left:172px; top:407px;}
#search h2 {float:left; margin:2px 10px 0 0;}
#search form {float:left;}
#search select {float:left; width:85px; font-size:1em; vertical-align:top; margin:2px 3px 0 0; border:none;}
#search input {vertical-align:top;}
#search input.text {float:left; width:215px; margin:2px 5px 0 0; color:#828282; font-size:1em; letter-spacing:-0.1em; border:1px solid #7f9db9;}
#search input.image {float:left; margin-right:3px;}
#search a {float:left; margin-right:3px;}


#container {margin:38px 0 40px 0;}
#colgroup_1 {float:left; width:315px; margin-right:40px;}

#notice {position:relative; width:315px; height:160px; margin:0; background:url('../images/notice_bg.gif') repeat-x left top;}
#notice ul {width: 315px;}
#notice ul li { float: left; display: inline;}
#notice ul li img {vertical-align:top;}
#notice ul li a { float: left; display: block;}
#notice ul div.tabcontent { position: absolute; top: 40px; left: 0; width: 310px; display: none; }
#notice ul ul { width: 310px; }
#notice ul ul li {float: left; display: inline; width: 100%; margin-bottom:2px; line-height: 1.6em;}
#notice ul ul li img.topic {float:left; margin-right:5px;}
#notice ul ul li span { float: right; font-weight:normal; color:#d07f37;}
#notice ul ul li a { float: left; display: block; white-space: nowrap; }
#notice div.tab1more {position:absolute; right:0; top:10px;}

#colgroup_2 {float:left; width:291px; margin-right:40px; }

#board {position:relative; width:291px; height:160px; background:url('../images/board_bg.gif') repeat-x left top; }
#board ul {width: 291px; }
#board ul li { float: left; display: inline; margin-right:1px;}
#board ul li img {vertical-align:top;}
#board ul li a { float: left; display: block;}
#board ul div.tabcontent {background:url('../images/tab2m01_img.gif') no-repeat; width:291px; height:117px; position: absolute; top: 40px; left: 0; width: 291px; display: none; }
#board ul div.tabcontent2 {background:url('../images/tab2m01_img2.gif') no-repeat; width:291px; height:117px; position: absolute; top: 40px; left: 0; width: 291px; display: none; }

#colgroup_3 {float:left; width:294px;}
#click_menu {margin-top:7px;}
#click_menu h2 {margin-bottom:10px; font-size:0;}
#click_menu dl {height:48px; padding:11px 0 0 17px;}
#click_menu dl dt {margin-bottom:6px;}
#click_menu dl.first {margin-bottom:6px; background:url('../images/click_menu_bg.gif') no-repeat left top;}
#click_menu dl.last {background:url('../images/click_menu_bg2.gif') no-repeat left top;}

/* 휴관일 */
.use_time_dayoff {background:url('/images/city1/main/use_time_dayoff_bg.gif') no-repeat; width:187px; height:32px; margin-top:4px; margin-bottom:12px;  }
.use_time_dayoff ul {padding-left:6px; padding-top:6px; }
.use_time_dayoff ul li {margin-bottom:5px; float:left; background:url('/images/city1/main/dayoff_bg.gif') no-repeat; width:19px; height:20px; padding-left:4px; color:#fff; font-weight:bold; letter-spacing:-0.2em; padding-top:1px; }
#tab2c1 h3 {margin-left:100px; margin-bottom:5px; }
#tab2c1 .use_time_dayoff {margin-left:100px; }


.use_time_dayoff2 {margin-left:100px; background:url('/images/city1/main/use_time_dayoff_bg.gif') no-repeat; width:187px; height:32px; margin-top:4px; margin-bottom:10px; }
.use_time_dayoff2 .dayoff_x {margin-left:15px; padding-top:2px; font-weight:bold; color:#7c7c7c; letter-spacing:-0.1em; }
.use_time_dayoff2 ul {padding-left:6px; padding-top:6px; }
.use_time_dayoff2 ul li {margin-bottom:5px; float:left; background:url('/images/city1/main/dayoff_bg.gif') no-repeat; width:20px; height:20px; padding-left:4px; color:#fff; font-weight:bold; letter-spacing:-0.2em; padding-top:1px; }
#tab2c2 h3 {margin-left:100px; margin-bottom:5px; }
#tab2c2 .use_time_dayoff {margin-left:100px; }


/* 푸터 */
#footer {clear:both; position:relative; width:980px; height:80px; margin:0 auto; background:url('../images/footer_bg.gif') no-repeat left top;}
#footer_logo {position:absolute; left:33px; top:10px;}

#footer_info {position:absolute; left:274px; top:20px;}
#footer_info dl {}
#footer_info dl dt {float:left; margin:0 10px 5px 0;}
#footer_info dl dd {margin-bottom:10px;}
#footer_info * {line-height:0%; font-size:0%; margin-bottom:5px;}
#footer_info * img {display:block; vertical-align:top;}


/* Layout */
#accessibility,
#accessibility-foot {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}

.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.both {clear:both;}
.hide {display:none;}
.skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
.image {vertical-align:top;}

legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}
caption {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}