@charset "utf-8";

#campus_view { width:100%; font-size:11px; font-family:"돋움",Dotum; color:#666; }

/* 지역 / 항목 선택부분 */
#campus_view .area_select { width:724px; height:472px; background:url('/ysrimg/campus/bg_area_select.gif') no-repeat 0 0; }
#campus_view .area_select .img_se { width:273px; overflow:hidden; height:442px; float:left; padding:15px 0 0 30px; }
#campus_view .area_select .txt_se { float:right; width:371px; padding:40px 22px 0 0; }
#campus_view .area_select .txt_se .title { width:361px; padding-left:10px; height:18px; padding-top:3px; background:url('/ysrimg/campus/bg_txt_se_title.gif') no-repeat 0 0; font-weight:bold; color:#fff; }
#campus_view .area_select .txt_se .btn_tab { padding:10px 0; }
#campus_view .area_select .txt_se .btn_tab a { padding-right:5px; }
#campus_view .area_select .txt_se .view_txtSelect { padding:0 4px 0 1px; overflow:hidden; _zoom:1; height:300px; overflow-y:scroll; overflow-x:hidden; padding:10px 13px 10px 18px; background:#eee; }
#campus_view .area_select .txt_se .view_txtSelect ul { font-size:14px; }
#campus_view .area_select .txt_se .view_txtSelect ul li { font-size:11px; width:150px; float:left; padding:2px 10px 2px 0; }
#campus_view .area_select .txt_se .view_txtSelect ul li a { background:url('/ysrimg/campus/bul_txtSelect.gif') no-repeat 0 5px; padding-left:8px; }
#campus_view .area_select .txt_se .view_txtSelect ul li a:hover { color:#333; text-decoration:underline; }
#campus_view .area_select .txt_se .refer { font-size:11px; color:#f66d11; padding-top:10px; }

/* 하단 리스트 부분 */
#campus_view .bottom_list { clear:both; width:724px; margin-top:10px; }
#campus_view .bottom_list .tBtns { border-top:2px solid #64ac25; background:url('/ysrimg/campus/bg_list_btn.gif') no-repeat 0 0; height:37px; padding:8px 10px; }
#campus_view .bottom_list .camri_list_wrap { float:left; border-top:2px solid #666; background:url('/ysrimg/campus/bg_camri_list_b.gif') no-repeat left bottom; padding-bottom:5px; }
#campus_view .bottom_list .camri_list { float:left; width:694px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:10px 14px 0px; }
#campus_view .bottom_list .camri_list dl { line-height:15px; clear:both; width:694px; float:left; padding-bottom:10px; }
#campus_view .bottom_list .camri_list dl dt { width:684px; font-size:11px; background:url('/ysrimg/campus/bg_camri_list_title.gif') no-repeat 0 0; color:#fff; font-weight:bold; height:32px; padding-left:10px; }
#campus_view .bottom_list .camri_list dl dt span { position:relative; top:3px; *top:3px; _top:4px; }
#campus_view .bottom_list .camri_list dl dd { line-height:13px; float:left; margin-right:20px; width:95px; padding:6px 8px 0; border:1px solid #e0e0e0; margin-bottom:13px; }
#campus_view .bottom_list .camri_list dl dd .thumImg { border:1px solid #9f9f9f; width:93px; height:83px; }
#campus_view .bottom_list .camri_list dl dd span { display:block; width:95px; }
#campus_view .bottom_list .camri_list dl dd span.nickname { padding-top:8px; position:relative; padding-bottom:3px; }
#campus_view .bottom_list .camri_list dl dd span.nickname a.name { color:#6ec626; }
#campus_view .bottom_list .camri_list dl dd span.nickname a.name:hover { color:#6ec626; text-decoration:none; }
#campus_view .bottom_list .camri_list dl dd span.name_age { font-size:11px; color:#666; padding-bottom:1px; }
#campus_view .bottom_list .camri_list dl dd span.group { color:#333; font-size:11px; padding-top:3px; padding-bottom:3px; }
#campus_view .bottom_list .camri_list dl dd span.story_view a { display:block; border-top:1px solid #dbdbdb; background:url('/ysrimg/campus/bul_storyview.gif') no-repeat left 6px; _background-position:left 5px; font-size:11px; padding-left:14px; font-weight:bold; color:#bcbcbc; padding-top:5px; width:81px; height:18px; float:left; }
#campus_view .bottom_list .camri_list dl dd span.story_view a:hover { text-decoration:none; }



/* Campus Information */
#campus_view .cam_info_wrap { background:#f8f6ff; border-top:1px solid #64ac25; padding:20px 10px 0; font-size:12px; }
#campus_view .cam_info { background:url('/ysrimg/campus/bg_info.gif') no-repeat 0 0; height:175px; position:relative; width:704px; }
#campus_view .cam_info .thumbnail_img { position:absolute; top:29px; left:28px; }
#campus_view .cam_info .thumbnail_img img { width:135px; height:114px; }
#campus_view .cam_info .txt_info { position:absolute; width:460px; left:223px; top:32px; }
#campus_view .cam_info .txt_info .title { padding-bottom:10px; font-size:12px; color:#fff; font-weight:bold; padding-left:7px; }
#campus_view .cam_info .txt_info .detail { padding-bottom:20px; overflow:hidden; }
#campus_view .cam_info .txt_info .detail li { width:460px; padding-bottom:5px; _padding-bottom:2px; overflow:hidden; }
#campus_view .cam_info .txt_info .detail li span.tit { float:left; width:45px; font-weight:bold; }
#campus_view .cam_info .txt_info .detail li span.cont { float:left; width:410px; }
#campus_view .cam_info .txt_info .detail li .name { color:#6bb239; font-weight:bold; }
#campus_view .cam_info .txt_info .bottom_a { float:left; width:460px; line-height:15px; }
#campus_view .cam_info .txt_info .bottom_a .txt_left { float:left; width:250px;}
#campus_view .cam_info .txt_info .bottom_a .btn_right { float:right; }


/* Campus List (기사목록) */
#campus_view .story_list_wrap { background:#f8f6ff; padding:10px;float:left; width:702px; }
#campus_view .story_list { float:left; width:682px; border:1px solid #e6e6e6; padding:5px 10px; background:#fff; }
#campus_view .story_list .story_title { float:left; height:30px; width:682px; }
#campus_view .story_list .story_title strong.txt { float:left; font-size:14px; font-weight:bold; padding-top:7px; }
#campus_view .story_list .story_title .btn { float:right; }
#campus_view .story_list ul.type_01 li dl { width:520px; }
#campus_view .story_list ul.type_01 li dl ul { width:520px; }

#campus_view .story_list_wrap .searchform .btn_all {position:absolute;right:115px;top:10px;width:76px;}
