/** " " **/ /** 검색결과_파일명(3단나누기) : search_dir_01.html ~ serarch_dir_05.html **/ /* 외관 테두리 - 3단나누기 */ #container { margin:0 auto; width:920px; text-align:left;} /*LEFT_네비영역*/ #cl { float:left; width:170px; margin-top:0px; height:710px;} /*주제별,출처별,지식db별 박스*/ #navi { margin-top:10px;} #navi #nt { height:30px; text-align:center; color:#686868; width:170px;} #nt .t1, #nt .t1_off{ display:block; width:57px; float:left; height:30px; padding-top:8px;} #nt .t1 { background:url(../images/dir_navi_t1_on.gif) no-repeat top; font-weight:bold;} #nt .t1_off{ background:url(../images/dir_navi_t1_off.gif) no-repeat top;} #nt .t2, #nt .t2_off{ display:block; width:49px; float:left; height:30px; padding-top:8px;} #nt .t2 { background:url(../images/dir_navi_t2_on.gif) no-repeat top; font-weight:bold;} #nt .t2_off{ background:url(../images/dir_navi_t2_off.gif) no-repeat top;} #nt .t3, #nt .t3_off{ display:block; width:64px; float:left; height:30px; padding-top:8px;} #nt .t3 { background:url(../images/dir_navi_t3_on.gif) no-repeat top; font-weight:bold;} #nt .t3_off{ background:url(../images/dir_navi_t3_off.gif) no-repeat top;} #navi #nv { width:168px; height:265px; background-color:#f8f8fa; border-left:1px solid #81d9cb; border-right:1px solid #81d9cb; border-bottom:1px solid #81d9cb; float:left; margin-top:0px; overflow:auto; scrollbar-highlight-color: white; scrollbar-shadow-color: white; scrollbar-arrow-color: 4f6283; scrollbar-face-color: #eaeef3; scrollbar-3dlight-color: 5d6f8e; scrollbar-darkshadow-color: 5d6f8e; scrollbar-track-color: white; } #nv ul { padding:10px;} #nv li { line-height:180%;} #nv li a { color:#555;} #nv li.open { background:url(../images/icon_l.gif) no-repeat 4px 4px; padding-left:14px;} #nv li.open a { color:#005a87;} /*선택카테고리 검색*/ #c_search {position:relative; width:160px; height:65px; margin-top:-55px;margin-left:5px;} /*#c_search .c_t{ font-size:11px; font-family:"돋움"; color:#a8a8a8; padding-top:5px; margin-top:5px; background:url(../images/line_dott1.gif) repeat-x top; line-height:110%;}*/ /*CONTENTS_검색영역*/ #cc { float:left; overflow:hidden; width:550px; margin-left:15px; margin-top:0px; margin-bottom:50px; } #cc h2 { width:550px; font-size:14px; padding-top:10px; padding-bottom:12px; margin-left:0px; background:url(../images/db_cbg.gif) repeat-x bottom left; color:#000; font-weight:normal;} #cc h2 span { background:url(../images/icon_arrow1.gif) no-repeat 0px 0px; padding-left:20px; letter-spacing:0.5px;} #cc h2 span em { font-weight:bold;} /*cc_result*/ #cc_result { position:relative;} #cc_result dl {padding:15px 15px 8px 15px;} #cc_result dt { font-size:13px; line-height:120%; text-align:justify; font-weight:bold; margin-bottom:3px;} #cc_result dt span { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:10px; font-weight:normal;} #cc_result dd { font-size:12px; padding-top:5px; text-align:justify; line-height:140%;} #cc_result dd.db { color:#e66305;} #cc_result dd .ts{ margin-left:57px; line-height:190%;} #cc_result dd .tb{ height:40px; color:#a8a8a8;} #cc_result ul { padding:10px 10px 15px 10px;} #cc_result li { font-size:12px; padding-left:13px; text-align:justify; line-height:140%; background:url(../images/icon_dott3.gif) no-repeat 0px 5px;} #cc_result li em { color:#005a87;} /*출처소개,지식DB소개*/ #cc_result2 { margin-bottom:10px;} #cc_result2 .thumb img{border:1px solid #c8c8c8;} .thumb{display:inline; float:left; margin:0px 10px 0 0;} .thumb img{vertical-align:top; margin-bottom:6px;} #cc_result2 dt{margin-right:-5px; padding-bottom:3px; font-weight:bold; font-size:13px; padding-bottom:7px;} #cc_result2 dt span { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:10px; font-weight:normal;} #cc_result2 dt p { font-size:12px; font-weight:normal; padding-top:5px;} #cc_result2 dd { line-height:140%; padding-bottom:3px; padding-right:10px; font-size:12px; color:#3f3f3f;} #cc_result2 .btn{margin:0 -2px 0 0; vertical-align:-4px;} #cc_result2 .txt_block{margin-top:1px; padding-top:5px; padding-bottom:5px; text-decoration:none; color:#888;} #cc_result2 .txt_block em{ color:#005a87;} .more{ text-align:right;} /*디렉토리*/ .drectory { height:120px; border:3px solid #ebebeb; background:url(../images/dir_drectory1.gif) no-repeat 15px 6px; margin-bottom:15px;} .drectory ul { padding-left:178px; padding-top:13px;} .drectory ul li { background:url(../images/icon_dott6.gif) no-repeat 0px 13px; color:#0d7dc3; padding:3px 0px 3px 10px;} .drectory ul li span { color:#a8a8a8;} /*자료검색결과_표*/ #data { width:550px;} .cc_text { border-top:3px solid #5d6f8e; background:url(../images/icon_arrow5.gif) no-repeat 10px 10px; background-color:#eaeef3; margin-bottom:13px; padding:6px 20px 4px 23px;} .cc_text em { font-style:normal; color:#e66305; font-weight:bold;} .c_fs { font-size:11px; font-family:"돋움";} #data blockquote { text-align:right; background-color:#99abcd; padding:5px 3px; margin-bottom:8px; color:#fff;} #data blockquote span {} #data table th { height:30px; background:url(../images/dir_th.gif) no-repeat right top; color:#324242; padding-top:5px;} .hb_l { border-left:1px solid #90a9aa;} #data table td { line-height:130%; background:url(../images/dir_td1.gif) no-repeat right top; text-align:center; line-height:140%; padding:7px;} .db_l { border-left:1px solid #90a9aa;} .db_b {border-bottom:1px solid #90a9aa;} .f_s { font-size:11px; font-family:"돋움";} .al { text-align:left;} #data table td.s1 {background:url(../images/dir_td2.gif) no-repeat right top;} /*디렉토리보기*/ #cc_drectory2 { text-align:left; } #cc_drectory2 table td { vertical-align:top;} #cc_drectory2 dl { padding:10px 5px;} #cc_drectory2 dt { font-weight:bold; font-size:13px; color:#4f6283; background:url(../images/icon_arrow5.gif) no-repeat 0px 2px; padding-left:10px; padding-bottom:5px;} #cc_drectory2 dd { line-height:120%; background:url(../images/icon_dott2.gif) no-repeat 2px 5px; padding-left:10px; padding-bottom:10px;} #cc_drectory2 ul { padding-left:10px; list-style:none; } #cc_drectory2 li { background:url(../images/icon_arrow6.gif) no-repeat 0px 6px; padding-left:10px; padding-top:3px; font-weight:bold; } #cc_drectory2 li em { color:#a8a8a8; font-weight:normal;} /*RIGHT_배너*/ #cr { position:relative; overflow:hidden; width:170px; margin-left:15px; margin-top:0px;padding-left:10px;} #cr_box { width:170px; background:url(../images/rbox_bg.gif) no-repeat bottom; margin-bottom:5px;} #cr_box h4 { width:170px; background:url(../images/rbox_top1.gif) no-repeat 0px 0px; font-size:12px; padding-top:10px; padding-bottom:7px; text-align:center; padding-left:0px; color:#686868;} #cr_box h5 { width:170px; background:url(../images/rbox_top2.gif) no-repeat 0px 0px; font-size:12px; padding-top:10px; padding-bottom:7px; text-align:center; color:#686868;} #cr_box h4 em { color:#0e85d0;} #cr_box h4 span{ padding-left:30px;} #cr_box ol, #cr_box ul { padding:5px 10px; clear:left;list-style:none;} #cr_box ol li { line-height:120%; padding:3px 0px 2px 15px; background:url(../images/icon_dott8.gif) no-repeat 5px 8px;} #cr_box ul li { line-height:120%; padding:4px 0px 3px 15px; background:url(../images/rbox_uline.gif) no-repeat left top;} #cr_box ul li.non { background:url(../images/icon_arrow6.gif) no-repeat 6px 8px;} #cr_box ul li.med { background:url(../images/line_dott1.gif) repeat-x top; padding-left:4px;} #cr_box ul li.med_non { background:none; padding-left:4px;} #cr_box #tap { height:30px; text-align:center; color:#686868; width:170px;} #t1, #t1_off{ display:block; width:57px; float:left; height:30px; padding-top:10px;} #t1 { background:url(../images/rbox_tap1_on.gif) no-repeat top; font-weight:bold;} #t1_off{ background:url(../images/rbox_tap1_off.gif) no-repeat top;} #t2, #t2_off{ display:block; width:49px; float:left; height:30px; padding-top:10px;} #t2 { background:url(../images/rbox_tap2_on.gif) no-repeat top; font-weight:bold;} #t2_off{ background:url(../images/rbox_tap2_off.gif) no-repeat top;} #t3, #t3_off{ display:block; width:64px; float:left; height:30px; padding-top:10px;} #t3 { background:url(../images/rbox_tap3_on.gif) no-repeat top; font-weight:bold;} #t3_off{ background:url(../images/rbox_tap3_off.gif) no-repeat top;} /*--------------------------------------------------------------------- 2009.02.09 파일명 wsn_dir.css 에 추가: CSS파일 제일 아래에 넣어 주세요. ----------------------------------------------------------------------*/ /*주제별,출처별,지식db별 박스*/ #navi_new { width: 170px; overflow: hidden; padding-bottom: 5px;} #nn_tab { margin:0; padding: 0p; color: #12496e; overflow :hidden; height:23px;} #nn_tab ul { margin: 0; padding: 0; float: left; text-transform: uppercase; list-style: none; font-size: 11px;} #nn_tab ul li { float: left; padding:0; margin:0;text-align: center;} #nn_div1 { width: 170px; height: 265px; background: #f9f8fa; border-bottom: 1px solid #88b4d1; background: url(../images/new_navi_bg02.gif) repeat-y; float: left; margin-top: 0px; overflow: auto; scrollbar-highlight-color: white; scrollbar-shadow-color: white; scrollbar-arrow-color: 4f6283; scrollbar-face-color: #eaeef3; scrollbar-3dlight-color: 5d6f8e; scrollbar-darkshadow-color: 5d6f8e; scrollbar-track-color: white; } /*자원유형별 디렉토리검색 메인*/ #cc_new { width: 100%; padding: 20px; } #cc_new .cn_01 { width: 510px; margin-bottom: 10px;} .cn_01 img { float: left; margin:5px 20px 5px 20px;} .cn_01 p { background-color: #f9f8fa; padding: 20px; margin-bottom: 10px; color: #4f6283;} .cn_01 table { width: 510px;} .cn_01 th { background-color: #fff; width: 90px; text-align: center; color: #4f6283;} .cn_01 td { padding: 8px 8px 6px 15px; background: url(../images/icon_arrow7.gif) no-repeat 5px center #fff;} /*CONTENTS_자원유형별 디렉토리검색 서브*/ #cn { float: left; overflow: hidden; width: 735px; margin-left: 15px; margin-top: 10px; margin-bottom: 0px; } #cn h2 { width: 735px; font-size: 14px; padding-top: 10px; padding-bottom: 12px; padding-left: 15px; background: url(../images/db_cbg.gif) repeat-x bottom left; color: #000; font-weight: normal;} #cn h2 span { background: url(../images/icon_arrow1.gif) no-repeat 0px 0px; padding-left: 20px; letter-spacing: 0.5px;} #cn h2 span em { font-weight: bold;} /*박스_라운드*/ #wsn_box { width: 100%; height: 100%; overflow: hidden; position: relative; padding: 0; margin: 0; margin-bottom: 0px;} #wap_top, #wap_bottom, #wap_left, #wap_right {position: absolute;} #wap_top { height: 6px; width: 100%; right: 0; background: url(../images/spp_topbg.gif) repeat-x top;} #wap_bottom { height: 6px; width: 100%; bottom: 0 ; background: url(../images/spp_bottombg.gif) repeat-x bottom;} #wap_left { width: 15px; height: 100%; left: 0; background: url(../images/spp_leftbg.gif) repeat-y left #fff;} #wap_right { width: 15px; height: 100%; right: 0; background: url(../images/spp_rightbg.gif) repeat-y right #fff;} #wap_a01, #wap_a02, #wap_a03, #wap_a04 { position: absolute;} #wap_a01 { width: 9px; height: 9px; background: url(../images/spp_r1.gif) no-repeat top; top: 0; left: 0;} #wap_a02 { width: 9px; height: 9px; background: url(../images/spp_r2.gif) no-repeat top; top: 0; right: 0;} #wap_a03 { width: 9px; height: 9px; background: url(../images/spp_r3.gif) no-repeat bottom; bottom: 0; left: 0;} #wap_a04 { width: 9px; height: 9px; background: url(../images/spp_r4.gif) no-repeat bottom; bottom: 0; right: 0;} #wsn_box div.wb_in { padding: 15px 20px 15px 20px;} /*박스_라운드*/ /* #wsn_box { width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; margin-bottom: 0px;} #wap_top, #wap_bottom, #wap_left, #wap_right {position: absolute;} #wap_a01, #wap_a02, #wap_a03, #wap_a04 { position: absolute;} #wap_a01 { width: 9px; height: 9px; background: url(../images/spp_r1.gif) no-repeat top; top: 0; left: 0;} #wap_a02 { width: 9px; height: 9px; background: url(../images/spp_r2.gif) no-repeat top; top: 0; right: 0;} #wap_a03 { width: 9px; height: 9px; background: url(../images/spp_r3.gif) no-repeat bottom; bottom: 0; left: 0;} #wap_a04 { width: 9px; height: 9px; background: url(../images/spp_r4.gif) no-repeat bottom; bottom: 0; right: 0;} #wsn_box div.wb_in { padding: 15px 20px 15px 20px;} */ /**/ #cc_drectory2 dl.col3 dd { margin-right: 13px;} #cc_drectory2 dd { width: 155px; float: left;} /**/ #cc_drectory3 {background-color: #f9f8fa; padding: 15px 10px;} #cc_drectory3 table { } #cc_drectory3 th { background: url(../images/icon_arrow6.gif) no-repeat 25px 4px; /**/ width: 150px; vertical-align: top; text-align: left; padding-left: 35px;} #cc_drectory3 td { padding-bottom: 10px;} #cc_drectory3 td span { padding-right: 15px; } #cc_drectory3 td span a { text-decoration: none; color: #005a87;} #cc_drectory3 td span a:hover{ text-decoration: underline; color: #005a87;} /**/ #cc_calendar { background-color: #9a9a9a; padding: 0px;} #cc_calendar table { width: 100%;} #cc_calendar th { color: #fff; padding: 5px 0px 3px 0px;} #cc_calendar td { background-color: #fff; border: 1px solid #9a9a9a; padding: 5px; height: 50px; vertical-align: top;} #cc_calendar th span { padding: 0 15px;} /**/ .wsn_text1 { padding: 0; margin: 0; } .wsn_text2 { padding: 0; margin: 0; color: #989898; margin-top: 10px; } /*역사디렉토리 메인화면*/ #wsn_dre01 { float: left; margin-left: 0px; margin-top: 12px; width: 260px;} #wsn_dre01 img { margin-left: 15px;} #wsn_dre02 { float: left; margin-left: 0px; margin-top: 0px; width: 430px;} #wsn_dre02 p { padding-bottom: 10px;} #wsn_dre02 ul { padding: 0px; margin: 0; list-style: none;} #wsn_dre02 li { padding-left: 15px; margin: 5px 0px; color: #0d7dc3; background: url(../images/spp_icon02.gif) no-repeat 0 1px;} /**/ #wsn_dre03 { padding: 0px; margin: 0; list-style: none;} #wsn_dre03 li { width: 60px; padding-left: 7px; margin-bottom: 5px; background: url(../images/lip_icon01.gif) no-repeat 0 3px; float: left;} /*--------------------------------------------------------------------- 2009.06.22 intro 목록화면 디자인 수정에 의해 추가됨 ----------------------------------------------------------------------*/ /*디렉토리 구조변경*/ #cc_drectory2 {} #cc h2 { clear: both;} #cd2_in { clear: both; margin-bottom:15px; overflow: hidden;} .directory_title { font-size: 11px; height: 21px; font-weight: bold; padding-left:20px; padding-top:4px; color: #565656; background: url('/SearchSF1/images/directory_title_bg.gif') no-repeat 0 0;} .directory_title a { text-decoration: none; color: #005a87;} .directory_title a:hover{ text-decoration: underline; color: #005a87;} #cd2_in ul{ list-style: none; display:inline; padding: 0; margin: 0; } #cd2_in li{ width:250px; font-weight: normal; padding:4px 0px 3px; margin:0; border-bottom: 1px solid #ededed; padding-left:20px; background: url('/SearchSF1/images/icon_dott2.gif') no-repeat 10px 9px; line-height:140%;} #cd2_in li a { text-decoration: none; color: #565656;} #cd2_in li a:hover{ text-decoration: none; color: #005a87;} #cd2_in li.d_01, #cd2_in li.d_02 {font-weight: normal; font-size:11px; font-weight: normal; } #cd2_in li.d_01 { float:left; } #cd2_in li.d_02 { float:right; }