/** " " **/ /** 검색결과_파일명(3단나누기) : search_dir_01.html ~ serarch_dir_05.html **/ /* 외관 테두리 - 3단나누기 */ #container { margin:0 auto; width:920px; text-align:left;font-family : 굴림; } /*LEFT_네비영역*/ #cl { float:left; width:170px; margin-top:0px; height:810px; } /*주제별,출처별,지식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;*/ border:solid 1px #000} #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_검색영역*/ /*디렉토리*/ .drectory { height:95px; border:3px solid #ebebeb; no-repeat 15px 6px; margin-bottom:15px;} .drectory ul { padding-left:20px; padding-top:5px;list-style:none;} .drectory ul li { color:#0d7dc3; padding:3px 0px 3px 10px;} .drectory ul li span { color:#8a8888;} /*디렉토리보기*/ /*#cc_drectory2 { text-align:left; padding-bottom:20px;background:url(../images/db_cbg.gif) repeat-x bottom left;}*/ #cc_drectory2 { text-align:left; padding-bottom:20px;} #cc_drectory2 ul { padding-left:10px; list-style:none;} #cc_drectory2 li { background:url(../images/icon_arrow6.gif) no-repeat 0px 8px; padding-left:10px; padding-top:3px; font-weight:bold; } /*왼쪽_검색영역*/ #re_left { float:left; overflow:hidden; /*position:relative;*/ width:730px; margin-top:0px; margin-left:15px; } #cc_result { position:relative;width:595px; font-size:14px; padding-bottom:12px; padding-left:15px; font-weight:normal;} #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:#8a8888;} #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;} #cr_box { width:170px; background:url(../images/rbox_bg.gif) no-repeat bottom; } #cr_box h4 { width:170px; background:url(../images/rbox_top1.gif) no-repeat 0px 0px; font-size:12px; padding-top:10px; padding-bottom:7px; padding-left:20px; 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;} /**결과리스트**/ #re_left h2 { width:730px; font-size:14px; padding-bottom:12px; background:url(../images/db_cbg.gif) repeat-x bottom left; color:#000; font-weight:normal;} #re_left h2 span { background:url(../images/icon_arrow1.gif) no-repeat 0px 0px; padding-left:20px; letter-spacing:0.5px;} #re_left h2 span em { font-weight:bold;} #rl_s1{ padding:0px; font-size:12px;} #rl_s1 h2 { font-size:14px; padding-top:9px; padding-bottom:8px; padding-left:15px; background:url(../images/h1_bg.gif) repeat-x 0px 0px; color:#000;} #rl_s1 h2 span { background:url(../images/icon_arrow1.gif) no-repeat; padding-left:20px; } #rl_s1 h2 span em { font-weight:normal; font-size:12px; font-style:normal; padding-left:15px; color:#777777;} /**결과리스트_스타일1(일반)**/ #rl_s1 li { padding:0px; margin:0px; list-style:none;} #rl_s1 dl, .rl_s1 dt, .rl_s1 dd { padding:0px; margin:0px;} #rl_s1 dl {padding:15px 15px 8px 15px;} #rl_s1 .thumb img{border:1px solid #c8c8c8;} .thumb{display:inline; float:left; margin:15px 10px 5px 15px;} #rl_s1 dt { font-size:15px; line-height:120%; text-align:justify;} #rl_s1 dt em { font-style:normal; font-size:11px; padding-left:15px; color:#8a8888;} #rl_s1 dt .date { padding-left:15px; color:#8a8888; background:url(../images/date_bar.gif) no-repeat 5px top;} #rl_s1 dd { font-size:12px; padding-top:5px; text-align:justify; line-height:140%;} #rl_s1 dd.mt { margin-top:3px;} #rl_s1 dd span { padding-right:15px; color:#8a8888;} #rl_s1 dd span.pl { padding-left:15px; background:url(../images/icon_bar3.gif) no-repeat left top;} #rl_s1 dd span.sf { font-size:12px; font-family:"돋움"; padding-left:10px;} /*요약정보*/ #rl_s3{ padding:0px; font-size:12px; background:url(../images/db_cbg.gif) no-repeat 0px 35px;} #rl_s3 h2 { font-size:14px; padding-top:9px; padding-bottom:8px; padding-left:9px; background:url(../images/h1_bg.gif) repeat-x 0px 0px; color:#000;} #rl_s3 h2 span { background:url(../images/icon_arrow1.gif) no-repeat; padding-left:20px; } /*!!*/ .text1, .text2 { line-height:200%; padding-top:5px; padding-left:8px;} .text2 { color:#8a8888;} .text1 em { font-style:normal; color:red; font-weight:bold;} /*스크랩 메일전송버튼*/ .bt1 { text-align:right; padding-top:5px;} /*네티즌평가*/ .grade { margin-bottom:7px;} .grade .gt { background:url(../images/icon_dott5.gif) no-repeat 10px 5px; padding-left:23; padding-bottom:5px;} .grade .gt span { padding-right:8px;} .gry { font-size:11px; color:#8a8a8a;} .grade .gc { background:url(../images/pop_grade_bg2.gif) no-repeat top; padding-top:10px; padding-bottom:15px; padding:15px 0px 15px 0px; text-align:center; } .grade .gc span { padding-right:10px;} .grade p { background:url(../images/icon_pop2.gif) no-repeat 5px 2px; line-height:150%; padding-left:18px; color:#0d7dc3;} /*카테고리*/ .category { border-top:3px solid #5d6f8e; background:url(../images/icon_arrow5.gif) no-repeat 10px 10px; background-color:#eaeef3; margin-bottom:8px; padding:6px 20px 4px 23px;} /*지식기본정보*/ .report {} .report dt { background:#9fb1d1; margin-bottom:10px; padding:7px 24px; color:#fff; font-weight:bold;} .report dd { border:3px solid #eaeef3; margin-bottom:15px;} .report dd ul { padding:20px;} .report dd li { line-height:160%; background:url(../images/icon_dott6.gif) no-repeat 0px 6px; padding-left:10px;} .report dd li span { display:block; width:55px; display:inline; color:#0d7dc3; letter-spacing:0.1em;} /*내용*/ .contents { margin-bottom:15px; } .contents dl { padding-left:22px; padding-right:22px;} .contents dl dt { font-weight:bold; line-height:200%;} .contents dl dd { line-height:140%;} .contents em { color:#005a87;} /*메일보내기, 신고하기*/ .mail{ padding:10px 0px; text-align:center;} .mail th { text-align:left; width:85px; line-height:300%; background:url(../images/icon_arrow5.gif) no-repeat 0px 13px; padding-left:10px; vertical-align:top;} .mail td {} .mail p { padding:3px 5px 0px 3px; color:8a8a8a; font-size:12px; font-family:"돋움";} .mail p em { font-style:normal; color:red; font-weight:bold;} .mail_t { background:url(../images/icon_arrow4.gif) no-repeat 20px 12px; padding-left:30px; line-height:300%;} .mail_t em { font-style:normal; font-weight:bold;} .mail_c { line-height:130%; padding-left:20px; margin-bottom:20px; } /*신고하기*/ .declare{ display:block; width:122px; display:inline;} .declare_b{ border:3px solid #eaeef3; padding:15px; padding-left:95px; background:url(../images/pop_img1.gif) no-repeat 10px 5px; color:#0d7dc3;} /*요약정보 버튼*/ #p_b { margin:0px; background:url(../images/pop_line_dott.gif) repeat-x top; text-align:center; padding:15px 0px; background-color:#eaeef3;} #p_b span { padding:0px 2px;} #p_copy { font-family:"돋움"; font-size:11px; color:#96c4e1; padding:5px 25px; text-align:left;} /*공통*/ .2depth { height:30px; text-align:right; padding-top:10px;} .t_line { background:url(../images/line_dott1.gif) repeat-x top;} .more { text-align:right; padding:10px 15px 0px 15px; margin-bottom:30px;} .pagging { padding:20px 15px 0px 15px; margin-bottom:30px; text-align:center;} .p_p { padding:0 3px;} /*--------------------------------------------------------------------- 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; position: relative; width: 735px; margin-left: 15px; margin-bottom: 0px;margin-left: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: 10px;} #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;} /**/ #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: 100px; 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; width:730px;} #cc_calendar table { width: 100%;} #cc_calendar th { color: #fff; padding: 0px 0px 0px 0px;} #cc_calendar td { background-color: #fff; border: 0px solid #9a9a9a; padding: 1px; 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: 5px; } /*역사디렉토리 메인화면*/ #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: 12px; 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: 0px; background: url(../images/lip_icon01.gif) no-repeat 0 3px; float: left;} #wsn_dre03 li a.kb{ font-weight:bold;color: #0066FF;}