@charset "utf-8"; /*layout.css*/ /* main 2015 개편후 */ #skip-navigation_new { position: absolute; top: 0; left:0; z-index:10000; width:100%;} #skip-navigation_new > * { width:95%; margin:0 auto;} #skip-navigation_new a { position: absolute; top: -9999px; font-weight:bold; color:#333; } #skip-navigation_new a:hover, #skip-navigation_new a:active, #skip-navigation_new a:focus { top: 0; left:0; width:100%; height:30px; padding:10px 0; background-color: #2154a0; font-weight: bold; text-align: center; color:#fff; font-size:14px; text-align:center;} #wrap { position:relative; margin:0; padding:0; width:100%; height:auto; overflow:hidden; min-width:980px; height:auto; overflow:hidden; overflow-y:auto;} #toplink { width:100%; height:33px; background-color:#fafafa; border-bottom:1px solid #e3e3e3;} #toplink .inner { width:980px; margin:0 auto; } #toplink .inner .govlogo { float:left; } #toplink .inner .govlogo li { float:left;} #toplink .inner .govlogo li:first-child {padding-right:10px; } #toplink .inner .govlogo li img { vertical-align:middle; margin-top:5px;} #toplink .inner .btnmenu { float:right; } #toplink .inner .btnmenu a { font-size:12px; color:#686868; font-weight:normal;} #toplink .inner .btnmenu li { float:left; line-height:33px; padding:0 8px; border-right:1px solid #e3e3e3;} #toplink .inner .btnmenu li.openwin a, #toplink .inner .btnmenu li.openwin a { color:#2758a2; } #toplink .inner fieldset { padding:4px 0;} #toplink .inner .btnmenu select{ display:inline-block; width:93px; height:24px; border:1px solid #ececec; background-color:#fff; padding:2px; font-size:11px;} #toplink .inner .btnmenu input[type="submit"] { display:inline-block; width:24px; height:24px; line-height:20px; border:0 none; background-color:#2465c8; font-family:namumgothicBold; text-align:center; color:#fff;} #toplink .inner ul > li:first-child { border-left:1px solid #e3e3e3;} #toplink .inner .govlogo > li:first-child { border-left:0 none} #toparea { clear:both; position:relative; width:980px; margin:0 auto; height:75px; padding-top:30px; z-index:89} #toparea h1 {float:left; padding-left:120px; padding-right:23px; margin:0;} #toparea h1 img { margin-top:3px; } #toparea .allsearch {float:left; width:540px;} #toparea .allsearch fieldset { float:left; } #toparea .allsearch input { vertical-align:middle; } #toparea .allsearch .formout { float:left;width:320px; height:36px; line-height:36px; border-top:5px solid #2465c8; border-left:5px solid #2465c8; border-bottom:5px solid #2465c8; background-color:#fff; } #toparea .allsearch .formout > * { display:inline-block; } #toparea .allsearch .formout select { width:103px; height:20px; color:#2465c8; border:0 none; margin-left:7px;} #toparea .allsearch .formout input[type="text"] { width:190px; height:25px; border:0 none; color:#333; font-size:14px;} #toparea .allsearch input[type="submit"] { width:50px; height:46px; line-height:46px; background-color:#2465c8; border:0 none; text-align:center; font-family:namumgothicBold; color:#fff;} #toparea .allsearch #detailgo { display:inline-block; float:left; margin-left:5px; width:63px; height:46px; line-height:46px; background-color:#2758a2; text-align:center; color:#fff;} #toparea .allsearch .searchguide { display:inline-block; float:left; margin-left:5px; padding-left:22px; line-height:45px; background:url(/next/images/common/icon_sprite.png) no-repeat -530px -415px; color:#666; text-decoration:underline; } #toparea .sns { float:right; padding-top:12px; width:75px; height:22px;} #toparea .sns a { display:inline-block; width:21px; height:21px; margin-left:4px; overflow: hidden; font:0px/0px a;} #toparea .sns a.facebook { background:url(/next/images/common/icon_sprite.png) no-repeat -10px -10px; } #toparea .sns a.twitter { background:url(/next/images/common/icon_sprite.png) no-repeat -35px -10px; } #toparea .sns a.naver { background:url(/next/images/common/icon_sprite.png) no-repeat -60px -10px; } #toparea #detailsearch_mask { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; z-index:2;} #toparea #detailsearch { display:none; position:absolute; left:50%; top:0; width:950px; height:auto; overflow:hidden; margin-top:30px; margin-left:-490px; border-top:4px solid #00b0ee; padding:0 15px 20px 15px; background-color:#fff; z-index:3;} #toparea #detailsearch .title { width:100%; height:40px;} #toparea #detailsearch .title h2 { float:left; font-size:20px; line-height:30px; padding-top:10px; font-family:namumgothicSemiBold; color:#333;} #toparea #detailsearch .title .close { float:right; display:inline-block; width:26px; height:26px; padding-top:10px; background:url(/next/images/common/btn_close.gif) no-repeat 0 10px; font:0px/0px a; } #toparea #detailsearch fieldset { width:100%; } #toparea #detailsearch table ul { width:100%;} #toparea #detailsearch table ul li { float:left; width:auto; min-width:150px; max-width:100%;} #toparea #detailsearch table ul li.long { width:100%; } #toparea #detailsearch table ul li.noleft { clear:left; } #toparea #detailsearch table ul li label { display:inline-block; padding-left:2px; font-size:12px; color:#666; vertical-align:middle} #toparea #detailsearch table td label { display:inline-block;padding-left:2px; padding-right:10px; cursor: pointer; vertical-align:middle} #toparea #detailsearch span { display:inline-block; font-size:11px; } #toparea #detailsearch .notice { color:#519081; font-size:12px; } #toparea #detailsearch .notice2 { padding-left:18px; color:#2465c8; font-size:12px; background:url(/next/images/common/icon_sprite.png) no-repeat -530px -387px;} #toparea #detailsearch .notice2 + .notice2 { margin-left:5px; } #toparea #detailsearch .helptext { clear:both; width:920px; height:auto; margin:0 auto; padding:10px;overflow:hidden; border:1px solid #dcdcdc} #toparea #detailsearch .helptext strong { display:block; float:left; width:10%; font-size:14px; font-family:namumgothicBold; color:#da3e00;} #toparea #detailsearch .helptext ul { clear:none; float:left!important; width:90%; } #topmenu {clear:both; position:relative; width:980px; height:43px; margin:0 auto; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; z-index:88} #topmenu > ul > li { float:left;} #topmenu > ul > li > a { display:inline-block; font-family:namumgothicSemiBold; font-weight:bold; font-size:16px; line-height:40px; color:#333; padding:0 23px;} #topmenu > ul > li:first-child > a { padding-left:15px; } #topmenu > ul > li > div { display:none; } #topmenu > ul > li:hover > div { display:block;} #topmenu > ul > li:hover a:focus + div #topmenu > ul > li:hover a:hover + div{display:block;} #topmenu > ul > li:hover > a {border-bottom:4px solid #2465c8; line-height:40px; color:#2465c8; z-index:3;} #topmenu > ul > li > a:hover, #topmenu > ul > li > a:focus { border-bottom:4px solid #2465c8; line-height:40px; color:#2465c8; z-index:3;} #topmenu > ul > li.select > a { border-bottom:4px solid #2465c8; line-height:40px; color:#2465c8; z-index:3;} #topmenu > ul > li #submenuopen1 {position:absolute; left:0; top:43px; padding:20px 10px 0 10px; width:960px; height:120px; background:url(/next/images/common/submenu_openbg01.png) no-repeat 0 0; border-top:1px solid #2465c8 } #topmenu > ul > li #submenuopen2 {position:absolute; left:0; top:43px; padding:20px 10px 0 10px; width:960px; height:120px; background:url(/next/images/common/submenu_openbg02.png) no-repeat 0 0; border-top:1px solid #2465c8 } #topmenu > ul > li #submenuopen3 {position:absolute; left:0; top:43px; padding:20px 10px 0 10px; width:960px; height:120px; background:url(/next/images/common/submenu_openbg03.png) no-repeat 0 0; border-top:1px solid #2465c8 } #topmenu > ul > li #submenuopen4 {position:absolute; left:0; top:43px; padding:20px 10px 0 10px; width:960px; height:120px; background:url(/next/images/common/submenu_openbg04.png) no-repeat 0 0; border-top:1px solid #2465c8 } #topmenu > ul > li #submenuopen5 {position:absolute; left:0; top:43px; padding:20px 10px 0 10px; width:960px; height:120px; background:url(/next/images/common/submenu_openbg05.png) no-repeat 0 0; border-top:1px solid #2465c8 } /*#topmenu > ul > li > div h2 {float:left; width:160px; font-size:18px; color:#333; font-family:namumgothicSemiBold; letter-spacing:-0.025em; padding:0; margin:0;}*/ #topmenu > ul > li > div h2 {position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden; } #topmenu > ul > li > div ol { width:700px;} #topmenu > ul > li > div ol li { float:left; width:145px; height:28px; padding-left:8px; margin-left:4px; margin-bottom:4px; border:1px solid #ededed; background-color:#fdfdfd; font-size:14px; line-height:28px; color:#666; letter-spacing:-0.025em; font-family:namumgothicBold;} #topmenu > ul > li > div ol li a { color:#666; letter-spacing:-0.01em; font-size:13px; line-height:28px;} #topmenu > ul > li > div ol li a.longtext { letter-spacing:-0.1em;} #topmenu > ul > li > div ol li:hover {background-color:#fff; border:1px solid #b0c4e2; color:#2465c8; } #topmenu > ul > li > div ol li:hover a { color:#2465c8; } #topmenu .allmenuopen { position:absolute; right:0; top:11px; padding-left:17px; background:url(/next/images/common/icon_sprite.png) no-repeat -530px -538px; color:#1f45a7;font-family:namumgothicSemiBold;} #topmenu #allmenubox { display:none; position:absolute; left:0; top:43px; width:980px; height:300px; border:3px solid #2465c8; z-index:2;} #topmenu #allmenubox .close { position:absolute; right:0; top:-46px; display:inline-block; float:right; width:80px; height:13px; padding:11px 0 10px 17px; background:url(/next/images/common/icon_sprite.png) no-repeat -530px -558px #fff; color:#1f45a7; font-family:namumgothicBold;} #topmenu #allmenubox .menu { clear:both; width:100%; height:100%; background-color:#f9f9f9; } #topmenu #allmenubox .menu > div { float:left; height:100%; border-left:1px solid #d6d6d6; } #topmenu #allmenubox .menu > div:first-child { border-left:0 none} #topmenu #allmenubox .menu .alllist1 { width:114px; } #topmenu #allmenubox .menu .alllist2 { width:150px; } #topmenu #allmenubox .menu .alllist3 { width:142px; } #topmenu #allmenubox .menu .alllist4 { width:145px; } #topmenu #allmenubox .menu .alllist5 { width:145px; } #topmenu #allmenubox .menu .alllist6 { width:277px; } #topmenu #allmenubox .menu > div ul { width:100%; height:auto; overflow:hidden; } #topmenu #allmenubox .menu > div ul > li { padding-left:8px; color:#666; line-height:24px; height:auto; min-height:24px; background-color:#fff; border-bottom:1px solid #f4f4f4;} #topmenu #allmenubox .menu > div ul > li a { font-size:12px; color:#666; line-height:24px; } #topmenu #allmenubox .menu > div ul > li ol.sublist { padding-right:5px; height:auto; overflow:hidden; padding-bottom:5px;} #topmenu #allmenubox .menu > div ul > li ol.sublist li { padding-left:7px; height:auto; min-height:18px; line-height:18px;background:url(/next/images/common/icon_dot03.gif) no-repeat 0 8px; } #topmenu #allmenubox .menu > div ul > li ol.sublist li a { font-size:11px; line-height:18px;} #topmenu #allmenubox .menu > div ul > li:hover { background-color:#00b0ee; } #topmenu #allmenubox .menu > div ul > li:hover a {color:#fff;} #topmenu #allmenubox .menu > div ul > li:hover span {color:#fff!important;} #topmenu #allmenubox .menu .alllist6 div { clear:both;width:100%; } #topmenu #allmenubox .menu .alllist6 div strong { display:inline-block; padding-left:12px; height:33px; line-height:33px; color:#2758a2; font-size:14px; font-family:namumgothicSemiBold; font-weight:normal; } #topmenu #allmenubox .menu .alllist6 div ul { border-top:1px solid #f4f4f4; width:100%; height:auto; overflow:hidden; background-color:#fff;} #topmenu #allmenubox .menu .alllist6 div ul > li { float:left; width:130px;} #topmenu #allmenubox .menu .alllist6 div ul li:nth-child(2n) { border-left:1px solid #f4f4f4} #topmenu .allmenuopen:focus + #allmenubox {display:block;} #maindn { clear:both; width:980px; height:auto; margin:0 auto; padding-top:20px; overflow:hidden;} #maindn .mainbox1 { clear:both; width:100%; height:275px; padding-bottom:15px;} #maindn .mainbox2 { clear:both; width:100%; height:203px; padding-bottom:20px;} #maindn .bigbanner { float:left; width:684px; height:275px; margin-right:20px; } #maindn .conlinklist { float:left; width:276px;height:275px; } #maindn .bbslist { float:left; width:412px; height:203px; padding-right:20px;} #maindn .photobbs { float:left; width:252px; height:203px; padding-right:20px; } #maindn .popupzone { float:left; width:276px; height:203px; } #maindn .bigbanner { /* 홍보배너 */ position:relative; height:275px; overflow:hidden;} #maindn .bigbanner .naviarea { position:absolute; right:10px; top:15px; width:auto; height:auto; z-index:2;} #maindn .bigbanner .naviarea a { display:inline-block; width:12px; height:12px; vertical-align:middle; margin-left:3px; background:url(/next/images/common/icon_sprite.png) no-repeat -30px -170px; font:0px/0px a; overflow:hidden; } #maindn .bigbanner .naviarea a:hover { cursor: pointer; } #maindn .bigbanner .naviarea a.stop {background:url(/next/images/common/icon_sprite.png) no-repeat -50px -170px;} #maindn .bigbanner .naviarea a.go {background:url(/next/images/common/icon_sprite.png) no-repeat -70px -170px;} #maindn .bigbanner .navi { display:inline;} #maindn .bigbanner .navi a.on { background:url(/next/images/common/icon_sprite.png) no-repeat -10px -170px;} #maindn .bigbanner .bannerimgarea { position:absolute;} #maindn .bigbanner .bannerimgarea li { float:left; width:684px;} #maindn .conlinklist {/* 콘텐츠 리스트 */ position:relative; height:275px; overflow:hidden;} #maindn .conlinklist h3 { color:#2465c8; font-family:namumgothicBold; line-height:22px; } #maindn .conlinklist .navi { position:absolute; right:0; top:1px; width:auto; height:auto; text-align:right; font-size:12px; color:#606d95; } #maindn .conlinklist .navi .navinum {display:inline-block; padding-right:3px;} #maindn .conlinklist .navi .navinum span { font-family:namumgothicBold;} #maindn .conlinklist .navi a {display:inline-block; width:17px; height:18px; font:0px/0px a; overflow:hidden; vertical-align:middle; background:url(/next/images/common/icon_sprite.png) no-repeat -10px -50px;} #maindn .conlinklist .navi a.right {background:url(/next/images/common/icon_sprite.png) no-repeat -27px -50px;} #maindn .conlinklist .navi a.left:hover { background:url(/next/images/common/icon_sprite.png) no-repeat -10px -68px;} #maindn .conlinklist .navi a.right:hover { background:url(/next/images/common/icon_sprite.png) no-repeat -27px -68px;} #maindn .conlinklist .dlarea { clear:both; position:relative; width:100%; height:236px; overflow:hidden;} #maindn .conlinklist dl { clear:both; position:absolute; visibility:hidden; top:0; left:0; padding-top:3px; width:276px; height:236px; } #maindn .conlinklist dl > dd { float:left; width:92px; height:120px; } #maindn .conlinklist dl dd span { display:inline-block; width:100%; text-align:center; margin-top:5px; font-size:11px; color:#333; line-height:14px; letter-spacing:-0.03em; } #maindn .conlinklist dl dd span.twoline { margin-top:0;} #maindn .conlinklist dl > dd:first-child { text-align:left;} #maindn .conlinklist dl > dd:first-child + dd { text-align:center;} #maindn .conlinklist dl > dd:first-child + dd + dd { text-align:right;} #maindn .conlinklist dl > dd:first-child + dd + dd span { width:98%; margin-left:2%;} #maindn .conlinklist dl > dd:first-child + dd + dd + dd { text-align:left;} #maindn .conlinklist dl > dd:first-child + dd + dd + dd + dd { text-align:center;} #maindn .conlinklist dl > dd:first-child + dd + dd + dd + dd + dd { text-align:right;} #maindn .conlinklist dl > dd:first-child + dd + dd + dd + dd + dd span { width:98%; margin-left:2%;} #maindn .conlinklist dl dd img { margin-bottom:1px; } #maindn .conlinklist dl:first-child {visibility:visible;} #maindn .conlinklist .more { position:absolute; bottom:-4px; right:0; width:auto; height:21px; line-height:21px; padding-right:12px; margin-top:-4px; text-align:right; color:#666; background:url(/next/images/main/icon_more.gif) no-repeat right 6px;} #maindn .bbslist {/* 최근게시물 */ position:relative; } #maindn .bbslist > li { float:left; height:auto; margin-right:4px;} #maindn .bbslist > li:first-child { width:108px; } #maindn .bbslist > li:first-child + li { width:98px;} #maindn .bbslist > li:first-child + li + li{ width:100px;} #maindn .bbslist > li > a:first-child { position:relative; display:inline-block; width:100%; height:38px; line-height:38px; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-bottom:1px solid #c6d0e1; background-color:#f0f0f0; font-size:14px; font-family:namumgothicBold; color:#777; text-align:center;} #maindn .bbslist > li.select > a:first-child { height:39px; border-top:0 none; border-right:1px solid #c6d0e1; border-left:1px solid #c6d0e1; border-bottom:1px solid #fff; background:url(/next/images/main/bbs_topbar01.png) no-repeat right 0 #fff; color:#333; z-index:2} #maindn .bbslist > li > .bbsbox { display:none; position:absolute; top:39px; left:0; width:382px; height:135px; padding:10px 14px 14px 14px; border:1px solid #c6d0e1; background-color:#fff; } #maindn .bbslist > li > .bbsbox li {height:24px; line-height:24px; } #maindn .bbslist > li > .bbsbox li > * { vertical-align:middle; } #maindn .bbslist > li > .bbsbox li a { display:inline-block; width:274px; color:#666; line-height:24px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #maindn .bbslist > li > .bbsbox li span {display:inline-block; width:52px; font-size:11px; line-height:24px;} #maindn .bbslist > li > .bbsbox li a + span { width:56px; font-family:Tahoma; font-size:11px; color:#767676; text-align:right;} #maindn .bbslist > li > .bbsbox li a.long { width:315px; } #maindn .bbslist > li > .bbsbox span.notice { color:#21b1a5; } #maindn .bbslist > li > .bbsbox span.report { color:#3a7ee5; } #maindn .bbslist > li > .bbsbox span.job { color:#d94d4d; } #maindn .bbslist > li .more { display:none; position:absolute; right:20px; top:12px; width:50px; height:16px; line-height:16px; background:url(/next/images/main/icon_more.gif) no-repeat right 3px;} #maindn .bbslist > li.select > .bbsbox, #maindn .bbslist > li.select > .more{ display:block;} #maindn .bbslist > li:first-child + li > .bbsbox li { background:url(/next/images/common/icon_dot01.gif) no-repeat 0 10px; padding-left:7px;} #maindn .bbslist > li:first-child + li + li > .bbsbox li { background:url(/next/images/common/icon_dot01.gif) no-repeat 0 10px; padding-left:7px;} #maindn .photobbs {/* 이달의기록 -금주의기록 */ position:relative; } #maindn .photobbs > li { float:left; height:auto; margin-right:4px;} #maindn .photobbs > li:first-child { width:108px; } #maindn .photobbs > li:first-child + li { width:98px;} #maindn .photobbs > li > a:first-child { position:relative; display:inline-block; width:100%; height:38px; line-height:38px; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-bottom:1px solid #c6d0e1; background-color:#f0f0f0; font-size:14px; font-family:namumgothicBold; color:#777; text-align:center;} #maindn .photobbs > li.select > a:first-child { height:39px; border-top:0 none; border-right:1px solid #c6d0e1; border-left:1px solid #c6d0e1; border-bottom:1px solid #fff; background:url(/next/images/main/bbs_topbar01.png) no-repeat right 0 #fff; color:#333; z-index:2} #maindn .photobbs > li > .bbsbox { display:none; position:absolute; top:39px; left:0; width:222px; height:135px; padding:10px 14px 14px 14px; border:1px solid #c6d0e1; background-color:#fff; } #maindn .photobbs > li > .bbsbox li {height:20px; line-height:20px; } #maindn .photobbs > li > .bbsbox li > * { vertical-align:middle; } #maindn .photobbs > li > .bbsbox li a { color:#2465c8; line-height:16x; font-size:12px;} #maindn .photobbs > li > .bbsbox li span { display:inline-block; margin-left:4px; color:#333; font-size:11px; font-family:namumgothicBold;} #maindn .photobbs > li > .bbsbox li img { width:222px; height:95px; margin-top:1px;} #maindn .photobbs > li .more { display:none; position:absolute; right:20px; top:12px; width:50px; height:16px; line-height:16px; background:url(/next/images/main/icon_more.gif) no-repeat right 3px;} #maindn .photobbs > li.select > .bbsbox, #maindn .photobbs > li.select > .more{ display:block;} #maindn .popupzone {/*팝업존*/position:relative; height:203px; overflow:hidden;} #maindn .popupzone .naviarea { position:absolute; right:10px; top:10px; width:auto; height:auto; z-index:2;} #maindn .popupzone .naviarea a { display:inline-block; width:12px; height:12px; vertical-align:middle; margin-left:3px; background:url(/next/images/common/icon_sprite.png) no-repeat -30px -170px; font:0px/0px a; overflow:hidden; } #maindn .popupzone .naviarea a:hover { cursor: pointer; } #maindn .popupzone .naviarea a.stop {background:url(/next/images/common/icon_sprite.png) no-repeat -50px -130px;} #maindn .popupzone .naviarea a.go{background:url(/next/images/common/icon_sprite.png) no-repeat -70px -130px;} #maindn .popupzone .navi { display:inline;} #maindn .popupzone .navi a.on { background:url(/next/images/common/icon_sprite.png) no-repeat -10px -130px;} #maindn .popupzone .popupimgarea { position:absolute;} #maindn .popupzone .popupimgarea li { float:left; width:276px;} #maindn .bannerlink { clear:both; width:960px; height:60px; padding:18px 10px 22px 10px; background-color:#fafafa; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; margin-bottom:5px;} #maindn .bannerlink > div { float:left; width:230px;} #maindn .bannerlink > div + div + div + div { width:260px; } #maindn .bannerlink > div a { display:inline-block; font-size:14px; font-family:namumgothicSemiBold; line-height:25px; color:#444; padding-right:15px; background:url(/next/images/main/banner_go.png) no-repeat right 6px; } #maindn .bannerlink > div p { font-size:11px; line-height:16px; } #maindn .bannerlink > div { width:135px; padding-left:85px; background:url(/next/images/main/banner_img01.png) no-repeat 0 0; } #maindn .bannerlink > div + div { width:140px; padding-left:80px; background:url(/next/images/main/banner_img02.png) no-repeat 0 5px; } #maindn .bannerlink > div + div + div { width:155px; padding-left:85px; background:url(/next/images/main/banner_img03.png) no-repeat 10px 5px; } #maindn .bannerlink > div + div + div + div { width:185px; padding-left:85px; background:url(/next/images/main/banner_img04.png) no-repeat 5px 5px; } #maindn .bannerlink > div + div + div + div a { letter-spacing:-0.025em;} #maindn .etclink { clear:both; width:100%; height:95px;} #maindn .etclink strong { font-size:12px; color:#2465c8; font-family:namumgothicBold; line-height:28px;} #maindn .etclink .adminlink { float:left; width:500px; padding-left:15px; line-height:18px; } #maindn .etclink .adminlink a { display:inline-block; width:150px; height:24px; padding-left:8px; margin:2px; line-height:24px; font-size:11px; color:#444; background:url(/next/images/common/icon_sprite.png) no-repeat -10px -90px;overflow:hidden; } #maindn .etclink .homepagelink { float:left; width:195px; padding-left:35px; padding-top:7px;} #maindn .etclink .homepagelink strong { line-height:30px; } #maindn .etclink .homepagelink select { width:160px; height:22px; border:1px solid #e3e3e3; font-size:11px; line-height:22px;} #maindn .etclink .homepagelink input[type="submit"] { width:28px; height:24px; background-color:#2465c8; text-align:center; color:#fff; font-family:namumgothicBold; font-size:11px; } #footer { clear:both; width:980px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:20px;} #footer .footermenu { width:955px; padding-right:10px; padding-left:15px; height:40px; line-height:40px; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; } #footer .footermenu ul { float:left; } #footer .footermenu ul li { float:left; padding-left:15px;} #footer .footermenu ul li:first-child { padding-left:0;} #footer .footermenu ul li a {font-size:11px; color:#666;} #footer .footermenu ul li a.personal { color:#2465c8; } #footer .teladdinfo { float:right; } #footer .teladdinfo a { display:inline-block; padding-left:35px; padding-right:5px; font-size:11px; color:#2758a2; font-family:namumgothicBold; background:url(/next/images/common/icon_sprite.png) no-repeat -520px -450px;} #footer .teladdinfo a + a {background:url(/next/images/common/icon_sprite.png) no-repeat -520px -490px;} #footer .selectlink { float:right; } #footer .selectlink fieldset { float:left; padding-top:7px; } #footer .selectlink fieldset:first-child { margin-right:10px;} #footer .selectlink fieldset select { width:110px; height:24px; border:1px solid #e3e3e3; font-size:11px; line-height:22px;} #footer .selectlink fieldset input[type="submit"] { width:28px; height:24px;background-color:#2465c8; border:0 none; text-align:center; color:#fff; font-family:namumgothicBold; font-size:11px; } #footer .footerinfo { clear:both; width:955px; padding:0 10px 0 15px; } #footer .footerinfo .footertext { float:left; padding-top:10px; } #footer .footerinfo .footerimg { float:right; text-align:right;} #footer .footerinfo .footertext .visite { color:#333; font-size:11px; margin:0; padding-bottom:10px;} #footer .footerinfo .footertext .visite span { font-family:namumgothicBold; } #footer .footerinfo address { display:block; margin:0; padding:0; color:#666; font-style:normal; font-size:11px; line-height:16px;} #footer .footerinfo address span { display:inline-block; margin-right:7px; } #footer .footerinfo .footerimg img { margin-left:14px; margin-top:13px;} #footer .footerinfo .footertext .teladdinfo { float:left; padding-right:10px; height:40px; line-height:40px; margin-top:-10px;} #footer .footerinfo .footertext .teladdinfo a { padding-left:25px; background:url(/next/images/common/icon_sprite.png) no-repeat -530px -450px;} #footer .footerinfo .footertext .teladdinfo + address { clear:both; padding-top:0; } #subwrap { position:relative; margin:0; padding:0; width:100%; min-width:980px; height:auto; overflow:hidden; overflow-y:auto;} #subwidth { position:relative; margin:0; padding:0; width:100%; min-width:980px;} #searchinfo { clear:both; position:relative; width:980px; height:auto; padding-bottom:15px; margin:0 auto; overflow:hidden; } #searchtab { clear:both; position:relative; width:980px; height:40px; margin:0 auto;} #subcon { clear:both; width:980px; min-height:450px; margin:0 auto; padding-top:20px; padding-bottom:30px; height:auto; overflow:hidden; background:url(/next/images/common/subcon_bg.jpg) repeat-y 0 0; } #subcon #subleft { float:left; width:210px;} #subcon #subright { float:left; width:750px; padding-left:20px; height:auto; } #subcon_noleft { clear:both; width:980px; margin:0 auto; padding-top:20px; padding-bottom:30px; height:auto; overflow:hidden; } #subleft h2 { display:block; width:195px; height:50px; padding-top:34px; padding-left:15px; margin-bottom:10px; background:url(/next/images/common/h2_side_bg.jpg) no-repeat 0 0; font-size:18px; font-family:namumgothicSemiBold; color:#fff;} #subleft #leftlisting {width:100%;} #subleft #leftlisting > li { width:185px; height:auto; min-height:34px; padding:0 10px 0 15px; border-bottom:1px solid #e3e3e3; background-color:#fafafa; } #subleft #leftlisting > li:first-child {border-top:1px solid #e3e3e3; } #subleft #leftlisting > li > a { font-size:14px; color:#555; font-family:namumgothicSemiBold; line-height:34px; vertical-align:middle;} #subleft #leftlisting > li > a:hover { color:#2465c8; } #subleft #leftlisting > li > ol { display:none; } #subleft #leftlisting > li.leftselect { background:url(/next/images/common/icon_leftselect_arrow.gif) no-repeat 190px 14px #fff;} #subleft #leftlisting > li.leftselect > a { color:#00b0f0; line-height:34px;} #subleft #leftlisting > li.leftselect ol { display:block; padding-bottom:10px;} #subleft #leftlisting > li.leftselect ol li { padding-left:6px; background:url(/next/images/common/dot_leftsubmenu2.gif) no-repeat 0 8px;} #subleft #leftlisting > li.leftselect ol li a { color:#666; font-size:12px;} #subleft #leftlisting > li.leftselect ol li ul.left4dep {display:none; } #subleft #leftlisting > li.leftselect ol li.leftselect2 > a { font-family:namumgothicBold; color:#2465c8 } #subleft #leftlisting > li.leftselect ol li.leftselect2 ul.left4dep { display:block; width:180px; height:auto; padding-bottom:10px; } #subleft #leftlisting > li.leftselect ol li.leftselect2 ul.left4dep li {padding-left:8px; font-size:12px; color:#3d5f92; font-weight:normal; background:url(/next/images/common/dot_listdepth.gif) no-repeat 0 9px; line-height:18px;} #subleft #leftlisting > li.leftselect ol li.leftselect2 ul.left4dep li a { font-size:12px; color:#3d5f92; font-weight:normal; line-height:18px;} #subleft #leftlisting > li.leftselect ol li.leftselect2 ul.left4dep li.leftselect3 a { font-family:namumgothicBold;} #subleft .newup { display:inline-block; margin-left:3px; margin-top:-1px; color:#ff7f17; font-size:11px; font-family:Tahoma; vertical-align:middle;} #subleft .newslide_no { clear:both; width:190px; height:26px; padding:12px 0 0 20px; background:url(/next/images/common/left_menubg.jpg) no-repeat 0 0; color:#333; } #subleft .newslide_no a {font-size:14px; font-family:namumgothicBold; color:#333; letter-spacing:-0.05em; } #subleft .newslide_yes {width:190px; height:26px; padding:12px 0 0 20px; background:url(/next/images/common/left_menuoverbg.jpg) no-repeat 0 0; color:#fff; border-bottom:1px solid #dcddde; } #subleft .newslide_yes a { color:#fff; font-size:14px; font-family:namumgothicBold; } #subleft .conbanner { width:184px; height:auto; padding:13px 10px 13px 15px; margin-top:20px; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } #subleft .conbanner strong { display:inline-block; padding-left:15px; color:#2465c8; background:url(/next/images/common/icon_leftbanner_title.gif) no-repeat 0 4px;} #subleft .conbanner ul {} #subleft .conbanner ul li { background:url(/next/images/common/icon_dot03.gif) no-repeat 0 8px; padding-left:5px;} #subleft .conbanner ul li a { color:#666; font-size:11px; line-height:18px; } #subtitle { width:100%; height:auto; min-height:80px; border-bottom:1px solid #ddd; padding:0 0 15px 0; margin-bottom:20px; overflow:hidden;} #subtitle #subnavi {} #subtitle #subnavi li { float:left; height:20px; background:url(/next/images/common/icon_arrow01.gif) no-repeat 6px 8px; padding-left:13px;} #subtitle #subnavi li:first-child { padding-left:0; background:none;} #subtitle #subnavi li a { font-size:11px; color:#666;} #subtitle h3 { clear:both; font-size:30px; color:#333; font-family:namumgothicBold; padding-top:20px; line-height:35px; width:90%;} #subtitle h3 img {} #subtitle h4 { clear:both; font-size:18px; font-family:namumgothicSemiBold; color:#333; line-height:35px;} #subcontents { min-height:500px;} #searchinfo ~ #subcon { background:none; /* 검색화면의 경우 좌측구분라인 배경없음 */} #searchinfo ~ #subcon #subtitle { min-height:0; height:auto; margin-bottom:10px;/*검색결과화면에서 title이 나올경우 기본높이값 해제*/} #subcon_noleft ~ #subcontents {/* 좌측없이 콘텐츠영역 있을경우*/} #subleft.sresult { /* 검색결과 좌측*/ position:relative;} #subleft.sresult h2 { position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden; } #subleft.sresult .searchagain { width:100%; height:auto; overflow:hidden; padding-bottom:7px;} #subleft.sresult .searchagain label { display:none; } #subleft.sresult .searchagain input[type="text"] { display:inline-block;width:160px; height:28px; line-height:28px; padding-left:5px; margin-right:3px; border:1px solid #767676; color:#666;} #subleft.sresult .searchagain input[type="button"] { display:inline-block; width:39px; height:30px; text-align:center; background-color:#4d4d4d; color:#fff; border:0 none;} #subleft.sresult > ol.depth1 { width:100%; height:auto; overflow:hidden; border-bottom:1px solid #5182ce;} #subleft.sresult > ol.depth1 li { width:190px; height:auto; padding:3px 10px 4px 8px; border-right:1px solid #5182ce; border-left:1px solid #5182ce; border-top:1px solid #d4d9e0; background-color:#fff; } #subleft.sresult > ol.depth1 li a { font-size:12px; color:#555; } #subleft.sresult > ol.depth1 li:first-child { border:1px solid #5182ce; font-size:13px; font-family:namumgothicSemiBold; background-color:#5182ce; color:#fff; } #subleft.sresult > ol.depth1 li:first-child a { font-size:13px;font-family:namumgothicSemiBold; color:#fff; letter-spacing:-0.025em;} #subleft.sresult > ol.depth1 li:first-child + li { border-top:0 none; } #subleft.sresult > ol.depth1 li span, #subleft.sresult > ol.depth1 li a span { color:#666;} #subleft.sresult > ol.depth1 li.on {background-color:#f2f7fc; color:#2465c8; font-family:namumgothicSemiBold;} #subleft.sresult > ol.depth1 li.on a { color:#2465c8;font-family:namumgothicSemiBold;} #subleft.sresult > ol.depth1 li.on span, #subleft.sresult > ol.depth1 li.on a span { color:#5793ef;} #subleft.sresult > div.depth1 {width:100%; height:auto; overflow:hidden; border-bottom:1px solid #339999; margin-bottom:5px;} #subleft.sresult > div.depth1 h3{ padding:3px 10px 4px 8px; border:1px solid #339999; font-size:13px; font-family:namumgothicSemiBold;background-color:#339999; color:#fff; } #subleft.sresult > div.depth1 ul.depth2 { width:100%;} #subleft.sresult > div.depth1 ul.depth2 > li { width:190px; height:auto; padding:3px 10px 4px 8px; background:url(/next/images/common/icon_leftarrow_off.gif) no-repeat 10px 9px; border-right:1px solid #339999; border-left:1px solid #339999; border-top:1px solid #d4d9e0; background-color:#fff;} #subleft.sresult > div.depth1 ul.depth2 > li a {display:inline-block; padding-left:12px; font-size:12px; color:#555; } #subleft.sresult > div.depth1 ul.depth2 > li span, #subleft.sresult > div.depth1 ul.depth2 > li a span { color:#666;} #subleft.sresult > div.depth1 ul.depth2 > li.on {background:url(/next/images/common/icon_leftarrow_on.gif) no-repeat 10px 9px #f5f9f9; color:#186f75; font-family:namumgothicSemiBold;} #subleft.sresult > div.depth1 ul.depth2 > li.on > a {color:#186f75; font-family:namumgothicSemiBold;} #subleft.sresult > div.depth1 ul.depth2 > li.on > span, #subleft.sresult > div.depth1 ul.depth2 > li.on > a span { color:#5793ef;} #subleft.sresult > div.depth1 ul.depth2 > li .depth3 { display:none; width:100%; height:auto; overflow:hidden; padding-bottom:4px;} #subleft.sresult > div.depth1 ul.depth2 > li .depth3 ul {} #subleft.sresult > div.depth1 ul.depth2 > li .depth3 ul > li { padding-left:5px; color:#666; background:url(/next/images/common/icon_dot02.gif) no-repeat 10px 9px; font-size:11px;} #subleft.sresult > div.depth1 ul.depth2 > li .depth3 ul > li a { font-size:11px; color:#666;} #subleft.sresult > div.depth1 ul.depth2 > li .depth3 ul > li.on {} #subleft.sresult > div.depth1 ul.depth2 > li .depth3 ul > li.on a { color:#333;font-family:namumgothicSemiBold;} #subleft.sresult > div.depth1 ul.depth2 > li .depth3 ul > li.on span { color:#333; font-family:namumgothicSemiBold;} #subleft.sresult > div.depth1 ul.depth2 > li.on .depth3 { display:block; } #subleft.sresult > div.depth1.presi {} #subleft.sresult > div.depth1.presi h3{ background-color:#6c578b; border:1px solid #6c578b;} #subleft.sresult > div.depth1.presi ul.depth2 { width:100%;} #subleft.sresult > div.depth1.presi ul.depth2 > li { border-right:1px solid #6c578b; border-left:1px solid #6c578b; border-top:1px solid #d4d9e0;} #subleft.sresult > div.depth1.presi ul.depth2 > li.on {background:url(/next/images/common/icon_leftarrow_on2.gif) no-repeat 10px 9px #f4f4ff; color:#424492; font-family:namumgothicSemiBold;} #subleft.sresult > div.depth1.presi ul.depth2 > li.on > a {color:#424492; font-family:namumgothicSemiBold;} #subleft .limit { /* 검색결과 재분류 좌측 */ } #subleft .limit { clear:both; position:relative; width:100%; margin-top:20px;} .limit h3 { font-size:14px; color:#333; font-family:namumgothicSemiBold; } .limit > div { clear:both; position:relative; width:100%; height:auto; overflow:hidden; padding-top:3px;} .limit > div > h4 { width:192px; line-height:26px; color:#2758a2; padding-left:4px; font-family:namumgothicSemiBold;} .limit > div ol { width:208px; height:auto; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; } .limit > div ol li { width:100%; height:auto; padding:4px 0; background-color:#fbfbfb; border-bottom:1px solid #ebedf1; } .limit > div ol li a { display:inline-block; line-height:18px; padding-left:10px; color:#666; font-size:12px;} .limit > div ol li:hover { background-color:#fff; } .limit > div.on ol { display:block; } .limit > div ol li.select { background-color:#f2f7fc; color:#2465c8;font-family:namumgothicSemiBold; letter-spacing:-0.025em;} .limit > div ol li.select a { color:#2465c8;font-family:namumgothicSemiBold;letter-spacing:-0.025em;} .limit > div ol li.select:hover { background-color:#f2f7fc; } .limit > div ol li.select a:hover { color:#2465c8;font-family:namumgothicSemiBold;letter-spacing:-0.025em;} .limit > div .update { position:absolute; top:7px; right:0; font-size:11px; color:#2758a2; width:auto; height:auto; letter-spacing:-0.05em;} .limit .sorting_organ_more { display:inline-block; width:208px; height:25px; line-height:25px; margin:0 0 1px 0; text-align:center; background-color:#f8fbff; color:#2758a2; border:1px solid #ccdef9; font-size:11px; font-weight:bold} .limit .seogranmor { clear:both; width:193px; padding:6px 5px 6px 10px; margin:3px 0 5px 0; font-size:11px; letter-spacing:-0.025em; line-height:17px; border:1px dashed #dcdcdc; text-align:left;} .limit .seogranmor span { color:#333; font-weight:bold} .limit ol#sorting_openyear { max-height:135px; overflow-x:hidden; overflow-y:auto;} #moreoganlist_mask { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; z-index:90;} #moreoganlist { display:none; position:fixed; left:50%; top:10px; width:600px; height:auto; overflow:hidden; margin:0 0 0 -300px; padding:0; background-color:#fff; z-index:91;} #moreoganlist .close { float:right; display:inline-block; width:20px; height:20px; margin-top:17px; margin-right:10px; background:url(/next/images/common/popup_close.gif) no-repeat 0 0; font:0px/0px a; } #moreoganlist .keyinfo { clear:both; width:96%; margin:0 auto; padding:10px 0;} #moreoganlist .keyinfo strong { color:#2758a2; } #moreoganlist .popuptype1 { width:100%; height:auto; overflow:hidden; min-height:350px;} #moreoganlist fieldset { clear:both; width:96%; margin:0 auto; padding-bottom:10px;} #moreoganlist fieldset * {display:inline-block; vertical-align:middle;} #moreoganlist fieldset label { font-family:namumgothicSemiBold; margin-right:7px;} #moreoganlist fieldset input { margin-left:3px; } #moreoganlist table{ clear:both; width:96%; margin:0 auto; } #moreoganlist table span { font-size:11px; font-family:Tahoma; color:#2758a2;} #moreoganlist table a { color:#333; } #moreoganlist .sc_table { width:96%; height:400px; overflow:auto; margin:0 auto 30px auto;} #moreoganlist .com_info { width:98%; } #searchinfo {/*검색결과 값 및 콘텐츠노출 */ position:relative; } #searchinfo .resulttxt { position:relative; width:100%; height:50px; background-color:#fafafa; text-align:center;} #searchinfo .resulttxt p { padding-left:10px; line-height:50px; font-size:14px; font-family:namumgothicSemiBold; color:#333;} #searchinfo .resulttxt strong { color:#c80505; } #searchinfo .resultconimg { clear:both; position:relative; width:978px; min-height:126px; height:auto; border:1px solid #d4d9e0; overflow:hidden;} #searchinfo .resultconimg .title { float:left; width:127px; height:auto; min-height:112px; padding-left:13px; padding-top:14px; font-size:14px; font-family:namumgothicSemiBold; color:#2758a2; overflow:hidden;} #searchinfo .resultconimg .contentinfo { float:left; width:820px; height:auto; padding-left:16px; padding-top:14px; overflow:hidden; border-left:1px solid #d4d9e0;} #searchinfo .resultconimg .contentinfo img { clear:both; display:block; float:left; width:118px; height:98px; border:1px solid #dcdcdc; margin-right:10px; margin-bottom:15px;} #searchinfo .resultconimg .contentinfo p { float:left; width:660px; height:110px; font-size:11px; line-height:16px; letter-spacing:-0.025em;} #searchinfo .resultconimg .contentinfo p strong { display:inline-block; line-height:23px; color:#333;} #searchinfo .resultconimg .close { display:block; position:absolute; right:10px; bottom:10px; width:16px; height:16px; background:url(/next/images/common/icon_sprite.png) no-repeat -10px -310px;overflow:hidden; font:0px/0px a;} #searchinfo .resultconimg .close:hover { cursor:pointer;} #searchtab {/*검색결과별 탭 */ position:relative;} #searchtab ul { width:100%; height:33px; border-bottom:2px solid #637ba1;} #searchtab ul li { float:left; position:relative; height:32px; line-height:32px; padding:0 15px; background-color:#fafafa; border-top:1px solid #d4d9e0; border-right:1px solid #d4d9e0; border-left:1px solid #d4d9e0; font-size:13px; margin-right:3px;} #searchtab ul li > * { font-size:13px; color:#333; } #searchtab ul li.select { background-color:#fff; height:33px; line-height:33px; border-top:2px solid #637ba1; border-right:2px solid #637ba1; border-left:2px solid #637ba1;} #searchtab ul li.select > a, #searchtab ul li.select > span { color:#2758a2; font-family:namumgothicSemiBold; z-index:2;} #searchtab ul li a:hover { color:#333;} #searchtab ul li:hover { z-index:91;} #searchtab ul li .qicont { } #searchtab ul li .qicontext { position:absolute; top:28px; left:-30px; padding-top:7px; width:160px; height:66px; background:url(/next/images/common/icon_sprite.png) no-repeat -10px -350px; z-index:5;} #recordlist { /* 기록물 목록 */clear:both; width:100%; height:auto;} #recordlist input[type="checkbox"] { margin:0; padding:0; vertical-align:middle} #recordlist .sorting { width:100%; height:30px; padding:5px 0 3px 0; border-bottom:1px solid #aeaeae; } #recordlist .sorting label {visibility:visible; display:inline; position:relative; width:auto; height:auto;} #recordlist .sorting label { font-size:12px; color:#666; font-family:namumgothicSemiBold; line-height:24px;} #recordlist .sorting .ft_left label { color:#000; } #recordlist .sorting input[type="checkbox"] { margin-right:3px;} #recordlist .sorting .radioarea { float:left; padding-right:5px} #recordlist .sorting .radioarea a { display:inline-block; padding-left:18px; padding-right:4px; background:url(/next/images/common/icon_sprite.png) no-repeat -530px -627px; color:#666; font-family:namumgothicSemiBold; font-size:11px; letter-spacing:-0.05em;} #recordlist .sorting .radioarea a.on { background:url(/next/images/common/icon_sprite.png) no-repeat -530px -598px; color:#fa7408;} #recordlist .sorting .listnum { float:left; width:155px; height:auto; } #recordlist .sorting .listnum label {position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;} #recordlist .sorting .listnum select { background-color:#f7f7f7; border:1px solid #dcdcdc ; padding:3px; width:120px;} #recordlist .sorting .listnum input[type="button"] { display:inline-block; margin:0; padding:0; width:30px; height:24px; line-height:20px; color:#fff; font-family:namumgothicSemiBold; background-color:#6c7583; border:0 none;} #recordlist .list { clear:both; width:100%; min-width:750px;} #recordlist .list label {visibility:visible; display:inline; position:relative; width:auto; height:auto;} #recordlist .list label.alink, #recordlist .list label.alink:focus, #recordlist .list label.alink:hover { cursor: pointer;} #recordlist .list > li { clear:both; position:relative; width:100%; height:auto; overflow:hidden; padding:18px 0; border-bottom:1px solid #dbdbdb; } #recordlist .list > li label { font-size:14px; font-family:namumgothicBold; line-height:22px; color:#333;} #recordlist .list > li > div:first-child { float:left; position:relative; width:615px; padding-left:20px;} #recordlist .list > li > div:first-child > input[type="checkbox"]:first-child { position:absolute; left:0; top:3px;} #recordlist .list > li > div:first-child span { float:left; display:inline-block; width:100px; height:21px; line-height:20px; margin-right:5px; background-color:#fcfcfc; border:1px solid #dcdcdc; color:#666; text-align:center;} #recordlist .list > li > div:first-child > a { cursor:pointer;} #recordlist .list > li > div:first-child > a + label, #recordlist .list > li > div:first-child > label { float:left; display:block; width:500px; height:auto; overflow:hidden;} #recordlist .list > li > div:first-child > label img { vertical-align:middle; margin-left:2px} #recordlist .list > li div span.kind1 { border:2px solid #f0b87f; color:#df7a15;} /*행정박물(관인류)*/ #recordlist .list > li div span.kind2 { border:2px solid #8fd9a6; color:#00ac34; font-size:11px; letter-spacing:-0.05em;}/*행정박물(상징기념물)*/ #recordlist .list > li div span.kind3 { border:2px solid #f3bbd1; color:#d96d98; font-size:11px; letter-spacing:-0.05em;}/*행정박물(사무집기류)*/ #recordlist .list > li div span.kind4 { border:2px solid #9ea4e2; color:#3c4bd8;}/*행정박물(기타)*/ #recordlist .list > li div span.kindA { border:2px solid #75c8e3; color:#0096c7;}/*일반문서류*/ #recordlist .list > li div span.kindB { border:2px solid #a0c77d; color:#59a911;}/*도면류*/ #recordlist .list > li div span.kindC { border:2px solid #e89e9e; color:#e06565;}/*사진,필름류*/ #recordlist .list > li div span.kindD { border:2px solid #74c2cc; color:#38a2af;}/*녹음,동영상류*/ #recordlist .list > li div span.kindE { border:2px solid #c9c2b2; color:#bb9a54;}/*카드류*/ #recordlist .list > li div span.kindG { border:2px solid #bbcf52; color:#8ba500;}/*국무회의록*/ #recordlist .list > li div span.kindM { border:2px solid #e090e1; color:#ca16cc;}/*정부간행물*/ #recordlist .list > li div span.kindO { border:2px solid #a98fd4; color:#8769b9;}/*일반도서*/ #recordlist .list > li div span.kindQ { border:2px solid #b8c8e4; color:#4977c9;}/*간행물*/ #recordlist .list > li div span.kindZ { border:2px solid #dcdcdc; color:#666;}/*기타*/ #recordlist .list > li .infolist { clear:both; width:100%; height:auto; overflow:hidden; padding-top:8px; padding-bottom:5px;} #recordlist .list > li .infolist * { float:left; display:inline-block; font-size:12px;} #recordlist .list > li .infolist .lock_open {width:auto; height:29px; padding-left:23px; background:url(/next/images/common/icon_lock_on.gif) no-repeat 4px 2px; color:#ff6600; border:0 none; margin:0;} #recordlist .list > li .infolist .lock_close {width:auto; height:29px; padding-left:23px; background:url(/next/images/common/icon_lock_off.gif) no-repeat 4px 2px; color:#666; border:0 none; margin:0;} #recordlist .list > li .infolist .lock_half {width:auto; height:29px; padding-left:23px; background:url(/next/images/common/icon_lock_off.gif) no-repeat 4px 2px; color:#666; border:0 none; margin:0;} #recordlist .list > li .infolist dt { padding-left:18px; padding-right:3px; background:url(/next/images/common/icon_dot02.gif) no-repeat 12px 9px; color:#666;} #recordlist .list > li .infolist dd {color:#333;} #recordlist .list > li .infolist dt:first-child { display:none; } #recordlist .list > li .infotab { clear:both; position:relative; width:720px; height:auto; min-height:20px; padding-bottom:5px; padding-left:20px;} #recordlist .list > li .infotab > li { float:left; } #recordlist .list > li .infotab > li > a:first-child { position:absolute; left:22px; top:0; display:inline-block; width:64px; height:26px; line-height:24px; border:1px solid #d4d4d4; margin-right:2px; text-align:center; color:#666; background-color:#fff;} #recordlist .list > li .infotab > li + li > a:first-child { left:90px;} #recordlist .list > li .infotab li.on > a:first-child { border-bottom:0 none; background-color:#fff; font-family:namumgothicSemiBold; color:#444; z-index:3} #recordlist .list > li .infotab li:hover > a:first-child { background-color:#f9f9f9;} #recordlist .list > li .infotab li.on:hover > a:first-child { background-color:#fff;} #recordlist .list > li .infotab li .moreinfo { display:none; clear:both; position:relative; margin-top:26px; left:2px; width:696px; height:auto; overflow:hidden; padding:10px; background-color:#fff; border:1px solid #d4d4d4; z-index:2;} #recordlist .list > li .infotab li .moreinfo a.morelink { float:right; display:block; padding:0 5px 0 13px; margin-top:7px; width:auto; height:auto; background:url(/next/images/common/icon_leftarrow_off.gif) no-repeat 5px 7px; font-size:11px; color:#fff; background-color:#666!important; border:1px solid #444; line-height:22px;} #recordlist .list > li .infotab li .moreinfo p { clear:both; width:100%; font-size:12px; padding-top:7px; color:#436d73; } #recordlist .list > li .infotab li .moreinfo .textmore { clear:both; width:100%; height:auto; min-height:100%; overflow:hidden; padding:5px 0; border-bottom:1px dashed #dcdcdc;} #recordlist .list > li .infotab li .moreinfo .textmore .tit { display:block; float:left; width:15%; height:100%; padding-left:10px; color:#2758a2; font-family:namumgothicSemiBold; background:url(/next/images/common/dot_heading01.gif) no-repeat 3px 7px; } #recordlist .list > li .infotab li .moreinfo .textmore p { clear:none; float:left; width:80%; height:100%; color:#666; padding:0; } #recordlist .list > li .infotab li table { clear:both; width:100%;} #recordlist .list > li .infotab li table th, #recordlist .list > li .infotab li table td { padding:3px 5px; border-bottom:1px solid #e6e9ef; border-right:1px solid #e6e9ef;text-align:left; color:#666; font-size:12px; } #recordlist .list > li .infotab li table th { background-color:#f7fbff; color:#444;} #recordlist .list > li .infotab li table td { background-color:#fff;} #recordlist .list > li .infotab li table tr:first-child th, #recordlist .list > li .infotab li table tr:first-child td { border-top:1px solid #e6e9ef; } #recordlist .list > li .infotab li table tr th:first-child { border-left:1px solid #e6e9ef; } #recordlist .list > li .infotab li table .tcen { text-align:center;} #recordlist .list > li .infotab li table a { color:#1f4d93;} #recordlist .list > li .infotab li.on .moreinfo { display:block; } #recordlist .list > li:hover { background-color:#f9f9f9; } #recordlist .list > li .viewrecord { position:absolute; right:10px; top:30px; display:inline-block; width:63px; height:24px; line-height:22px; padding-left:32px; margin-top:30px; font-family:namumgothicSemiBold; color:#fff; background:url(/next/images/common/icon_sprite.png) no-repeat -220px -10px;} #recordlist .list > li .viewrecordnone { position:absolute; right:10px; top:30px; display:inline-block; width:63px; height:24px; line-height:22px; padding-left:32px; margin-top:30px; font-family:namumgothicSemiBold; background:url(/next/images/common/icon_sprite.png) no-repeat -220px -50px; color:#c6c6c6; cursor:default; } #recordlist .list > li .viewrecord:hover, #recordlist .list > li .viewrecord:focus { text-decoration:none; color:#fff; background:url(/next/images/common/icon_sprite.png) no-repeat -220px -90px; } #recordlist .uci { display:inline-block; width:25px; height:15px; vertical-align:middle; margin-left:3px; background:url(/next/images/common/icon_origin01.gif) no-repeat 0 0; font:0px/0px a; overflow:hidden; cursor:pointer;} .pagelist { clear:both; position:relative; width:100%; height:70px; overflow:hidden; padding-top:25px; text-align:center;} .pagelist * { vertical-align:middle; } .pagelist a, .pagelist span { display:inline-block; background-color:#fff; border:1px solid #5182ce; text-align:center; font-family:Tahoma; width:auto; height:25px; line-height:25px; min-width:26px; } .pagelist .first { width:26px; height:27px; background:url(/next/images/common/icon_sprite.png) no-repeat -3px -242px #efefef; font:0px/0px a; border:0 none;} .pagelist .pre { width:26px; height:27px; background:url(/next/images/common/icon_sprite.png) no-repeat -42px -242px #efefef; font:0px/0px a; border:0 none;} .pagelist .next { width:26px; height:27px; background:url(/next/images/common/icon_sprite.png) no-repeat -120px -242px #efefef; font:0px/0px a; border:0 none;} .pagelist .end { width:26px; height:27px; background:url(/next/images/common/icon_sprite.png) no-repeat -163px -242px #efefef; font:0px/0px a; border:0 none;} .pagelist a.first { width:23px; height:27px; background:url(/next/images/common/icon_sprite.png) no-repeat -3px -267px #2758a2; font:0px/0px a;border:0 none;} .pagelist a.pre { width:23px; height:27px; background:url(/next/images/common/icon_sprite.png) no-repeat -42px -267px #2758a2; font:0px/0px a;border:0 none;} .pagelist a.next { width:23px; height:27px; background:url(/next/images/common/icon_sprite.png) no-repeat -120px -267px #2758a2; font:0px/0px a;border:0 none;} .pagelist a.end { width:23px; height:27px; background:url(/next/images/common/icon_sprite.png) no-repeat -163px -267px #2758a2; font:0px/0px a;border:0 none;} .pagelist .select { min-width:27px; background-color:#5182ce; color:#fff;} .pagelist a:hover {background-color:#5182ce; color:#fff;} .pagelist a.first:hover, .pagelist a.pre:hover, .pagelist a.next:hover, .pagelist a.end:hover { cursor: pointer; background-color:#2758a2; } #recordlist #downfix { position:fixed; bottom:0; width:770px; height:44px; margin:0 auto; background-color:#5c5c5c; color:#fff; z-index:2;} #downfix a { color:#fff; font-size:14px; font-family:namumgothicSemiBold; } #downfix .notice { position:absolute; left:6px; top:6px; display:inline-block; width:14px; height:14px; background:url(/next/images/common/icon_sprite.png) no-repeat -530px -350px; font:0px/0px a;} #downfix .iconlink { float:left; } #downfix .noticemsg { float:right; position:relative; font-size:11px; line-height:15px; padding-top:7px; padding-right:20px; text-align:left;} #downfix .noticemsg .notice { left:-16px; top:7px; } #downfix .noticemsg strong { color:#ffba00; } #downfix .iconlink li { float:left; position:relative; width:auto; height:32px; padding:12px 5px 0 25px; font-size:14px; font-family:namumgothicSemiBold; border-right:1px solid #274b85;} #downfix .iconlink li.downfile { background:url(/next/images/common/icon_sprite.png) no-repeat -525px 5px #2465c8;} #downfix .iconlink li.print { background:url(/next/images/common/icon_sprite.png) no-repeat -525px -75px #2465c8;} #downfix .iconlink li.mybag { background:url(/next/images/common/icon_sprite.png) no-repeat -525px -155px #2465c8;} #downfix .iconlink li.survey { background:url(/next/images/common/icon_sprite.png) no-repeat -525px -235px #2465c8;} #downfix .iconlink li.onlinecopy { background:url(/next/images/common/icon_sprite.png) no-repeat -525px -235px #2465c8;} #downfix .iconlink li.downfile:hover { background:url(/next/images/common/icon_sprite.png) no-repeat -525px -35px #2465c8;} #downfix .iconlink li.print:hover { background:url(/next/images/common/icon_sprite.png) no-repeat -525px -115px #2465c8;} #downfix .iconlink li.mybag:hover { background:url(/next/images/common/icon_sprite.png) no-repeat -525px -195px #2465c8;} #downfix .iconlink li.survey:hover { background:url(/next/images/common/icon_sprite.png) no-repeat -525px -275px #2465c8;} #downfix .iconlink li.onlinecopy:hover { background:url(/next/images/common/icon_sprite.png) no-repeat -525px -275px #2465c8;} #downfix .iconlink li:hover { background-color:#174285!important;} #pop_print { clear:both; width:100%; min-width:750px;} #pop_print .title { width:98%; padding-left:2%; height:45px; font-size:16px; line-height:45px; font-weight:bold; color:#2465c8; border-bottom:1px solid #2465c8; background-color:#eef5fe; } #pop_print #recordlist { clear:both;} #pop_print #recordlist input[type="checkbox"] { position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden; } #pop_print #recordlist .list > li {padding-bottom:5px; } #pop_print #recordlist .list > li > div:first-child { width:98%; padding-left:2%;} #pop_print #recordlist .list > li:hover { background-color:#fff;}