@charset "euc-kr"; /* Layout ***********************************************************************/ body { margin:0; padding:0; background:#fff;} .skipNavigation { text-indent:-2000px; clear:both; height:0; margin:0; padding:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;} /* 스킵네비게이션 */ #container_outer { position:relative; margin:0; padding:0; width:100%; overflow:hidden;} #container { position:relative; margin:0; padding:0; width:1003px; overflow:hidden;} #logo { position:absolute; margin:24px 0 0 14px; padding:0; width:103px; height:90px; z-index:1;}/*logo는 container 안에 잡음*/ /* 전체내용을담는것 *//* #head El **********/ #head { position:relative; margin:0; padding:0; width:1003px; height:93px; overflow:hidden; background:url(/nnimg/inc/head_bg.gif) no-repeat left top;} #globalmenu { float:left; margin:10px 0 8px 565px; padding:0;} *html #globalmenu { float:left; margin:10px 0 8px 0; padding:0 0 0 565px;} #globalmenu ul { list-style:none; margin:0; padding:0; overflow:hidden;} #globalmenu li { float:left; margin:0; padding:0; overflow:hidden;} #weather { margin:0; padding:9px 0 0 65px; width:200px; float:left;} #weather ul {line-height:none; margin:0; padding:0; overflow:hidden;} #weather ul li { float:left; margin:0; padding:0; overflow:hidden;} /* 탑메뉴 */ #topmenu { position:relative; clear:both; margin:0 0 0 147px; padding:0; width:823px; height:39px; background:url(/nnimg/topmenu/topmenu_bg.gif) no-repeat left top;} #topmenu ul { position:relative; float:left; list-style:none; width:820px; margin:0; padding:3px 0 0 50px;} #topmenu ul li { float:left; margin:0; padding:0 98px 0 0;} #topmenu li ul { position:absolute; left:0; top:28px; display:none; list-style:none; margin:0; padding:3px 0 0 0; overflow:hidden;} #topmenu li ul li { margin:0; padding:1px 0; white-space:nowrap; background:#FFFFFF; border-bottom:2px solid #0eb2e3; border-top:2px solid #0eb2e3;} #topmenu li ul li.first { padding-left:8px; border-left:2px solid #0eb2e3;} #topmenu li ul li.last { padding-right:8px; border-right:2px solid #0eb2e3;;} #topmenu li ul li a { display:block; padding:2px 10px 1px 10px; color:#676869; font-size:85%; line-height:1; letter-spacing:-1px; text-decoration:none; background:url(/nnimg/topmenu/part.gif) no-repeat right 5px;} .noBg { background:none !important;} #topmenu li ul li.first a { } #topmenu li ul li a.active, #topmenu ul ul li a:hover { color: #0492bc;} #topmenu li ul#top2m1 { padding-left:20px; width:735px; } #topmenu li ul#top2m2 { padding-left:60px; width:615px; } #topmenu li ul#top2m3 { padding-left:200px; width:455px; } #topmenu li ul#top2m4 { padding-left:460px; width:335px;} #topmenu li ul#top2m5 { padding-left:680px; width:490px; } #topmenu li ul#top2m6 { padding-left:510px; width:400px; } #topmenu li ul#top2m7 { padding-left:695px; width:215px; } /*탑메뉴 noscript 일때*/ #allmenu_noscript { position:absolute; left:147px; top:40px; margin:0; padding:10px 19px 0 19px; width:785px; height:200px; z-index:100; } #allmenu_noscript .bg { position:absolute; left:0; top:0; width:913px; height:123px; background:url(/nnimg/main/all_menu_bg2.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nnimg/main/all_menu_bg.png', sizingMethod='crop'); z-index:19; } #allmenu_noscript .all_menu { position:relative; clear:both; margin:0; padding:0; width:775px; height:480px; overflow-y:scroll; z-index:20; } #allmenu_noscript .all_menu div { position:relative; float:left; margin:0; padding:0; width:148px;} #allmenu_noscript .all_menu h2 { margin:0; padding:5px 10px 5px 20px; font-size:0; line-height:0; border-bottom:1px solid #67aad6; border-top:1px solid #67aad6; } #allmenu_noscript .all_menu ul { list-style:none; margin:8px 0 0 10px; padding:0;} #allmenu_noscript .all_menu ul li { margin:0; padding:0 0 0 7px; font-size:85%; line-height:1.35em; background:url(/nnimg/topmenu/menu_bulit.gif) no-repeat left 5px;} #allmenu_noscript .all_menu a { color:#666666; } /* #main_body El **********/ #main_body { position:relative; margin:0; padding:0; width:1003px;} :root #main_body { position:relative; margin:-180px 0 0 0 ; padding:0; width:1003px;} #left_swf {float:left; margin:0; padding:0;}/*메인플래시*/ #body_left {float:left; position:relative; margin:0 0 0 32px; padding:0;} #map_swf {margin:0; padding:0; }/*메인 지도*/ #gj_8 {margin:0; padding:0;} /*광주8경*/ #gj_tit {margin:0; padding:0; width:234px; height:23px; background:url(/nnimg/inc/title_bg.gif) no-repeat;} #gj_tit ul {margin:0; padding:0; list-style:none;} #gj_tit ul li {margin:0; padding:0; float:left;} #gj_tit ul li.m {margin:0; padding:0; float:right; right:0;} #lm2 { position: relative; width:235px; overflow: hidden;} #lm2 ul {list-style: none; margin: 0; padding:0;} #lm2 ul li { display: inline; float: left; margin:0; padding:0;} #lm2 ul li img { vertical-align: top; border:0px; } #lm2 #lm2pic {margin:0; padding:0;} #mountain {margin:30px 0 0 0; padding:0; width:256px; height:130px; background:url(/nnimg/main/lm3_bg.gif) no-repeat;} /*등산코스*/ #mountain_tit {margin:0 0 9px 0; padding:0;} #lm3 { position: relative; width:256px; overflow: hidden;} #lm3 ul {list-style:none; margin: 0; padding:0; width:235px; height:56px; } #lm3 ul li { display:inline; float:left; margin:5px 0 0 0; padding:0; font-size:80%; letter-spacing:-1px; width:130px; } :root #lm3 ul li { display:inline; float:left; margin:5px 0 0 0; padding:0; font-size:87.5%; letter-spacing:-1px; } #lm3 ul li.bold { font-weight:bold; margin:1px 0 0 0; padding:0; width:120px; font-size:100%;} #lm3 ul li.lm3pic {margin:0; padding:0 5px 0 0; width:96px;} #lm3_b {margin:0; padding:0;} #lm3_b ul {list-style:none; margin:2px 0 0 2px; padding:0; clear:both; } #lm3_b ul li { float:left; margin:0 40px 0 0; padding:0;} #lm3_b ul li.last { float:left; margin:0 0 0 11px; padding:0;} #body_right { margin:0; padding:0;} :root #body_right {margin:0 0 0 750px; } *html #body_right { position:absolute; left:750px; top:0;} /*행사*/ #event_cal {margin:180px 0 0 0; padding:0; width:214px; height:194px; background:url(/nnimg/main/calender_bg.gif) no-repeat 0 20px ; } :root #event_cal {margin:180px 0 0 0; padding:180px 0 0 0; width:214px; height:194px; background:url(/nnimg/main/calender_bg.gif) no-repeat 0 20px ; } #calender_total { margin:5px 0 0 0; padding:0; border:1px solid #e4e2e2;} #event_cal .title { margin:0; padding:0; text-align:left;} #event_cal .month { margin:0 0 9px 75px; padding:8px 0 0 65px; width:100px; overflow:hidden; } :root #event_cal .month { margin:0 0 9px 65px; padding:8px 0 0 0px; width:100px; overflow:hidden; } #event_cal .month ul { list-style:none; margin:0; padding:0; overflow:hidden; } *html #event_cal .month ul { list-style:none; margin:0; padding:0; overflow:hidden; width:200px;} #event_cal .month ul li { float:left; margin:0; padding:2px 0 0 0; text-align:center;} :root #event_cal .month ul li { float:left; margin:0; padding:5px 0 0 0; text-align:center; } #event_cal .month ul li.text { padding:0 5px; font-weight:bold;} #event_cal .month ul li a, #event_cal .month ul li img { display:block; vertical-align:middle; } .calender { margin:0 0 0 15px; padding:0; border-collapse:collapse;} .calender th, .calender td {margin:0; padding:0 1px 0px 0; *padding-bottom:2px; text-align:center; } :root .calender th, :root .calender td {margin:0; padding:1px 2px 2px 0; *padding-bottom:2px; text-align:center; } .calender th { padding:1px 1px 3px 1px; width:24px; height:12px; background:url(/nnimg/main/line.gif) repeat-x left bottom; color:#fff; } :root .calender th { padding:1px 1px 3px 1px; width:24px; height:15px; background:url(/nnimg/main/line.gif) repeat-x left bottom; color:#fff; } .calender th.sun { color:#FF0000; } .calender th.sat { color:#004484;} .calender td { width:24px; height:15px;} .calender td.today { color:#0049a4;} .calender td.dad8ef {height:2px;} .calender td.alt { color:#FF0000;} .calender a.alt { color:#FF0000;} .calender th.sun, .calender th.sat,.calender td.weekend, .calender a.weekend { font-weight:bold;} .calender td.sun {color:#ad241f;} .calender td.sat {color:#110d9b;} .calender td.anni {color:#fff; background-color:#7a63ab;} /*홍보관*/ #public {position:relative; width:215px; height:115px; margin:28px 0 0 0; padding:0; background:url(/nnimg/main/public_bg.gif) no-repeat;} #public ul { padding:0; margin:0; list-style:none; } #public ul li {padding:0; margin:0 0 9px 0; float:left;} #right_bot {position:absolute; top:538px; left:485px; margin:0; padding:0; overflow:hidden; width:485px; } *html #right_bot {position:absolute; top:538px; left:-265px; margin:0; padding:0; overflow:hidden; width:485px; } /*하단버튼*/ #bot_bt {position:relative; margin:0 20px 0 0; padding:0; float:left;} *html bot_bt {position:relative; margin:0 20px 0 0; padding:0; float:left; } #bot_bt ul {list-style:none; margin:0; padding:0;} #bot_bt ul li {float:left; margin:0; padding:0;} /*축제*/ #festival {margin:0; padding:0;} #festival_tlt { margin:0; padding:0;} #festival form { margin:11px 0 0 0; padding:0; } #festival select { float:left; margin:0; padding:0; width:123px; color:#444343; font-family:'돋움';} #festival .btn { float:left; margin:0; padding:0 0 0 2px;} /* footer **********/ #footer { position:relative; clear:both; margin:0; padding:0 0 30px 0; width:1003px; overflow:hidden; background:url(/nnimg/main/copy_bg.gif) no-repeat;} /* 로고 */ #foot_logo { float:left; margin:0; padding:21px 20px 0 55px; } #foot_wrap { float:left; margin:10px 0 0 0; padding:0; width:664px; } /*하단메뉴*/ #bottom_navi { list-style:none; margin:0; padding:0; height:19px;} #bottom_navi li { float:left; margin:0; padding:0 11px 0 11px; background:url(/nnimg/main/part2.gif) no-repeat left top;} .noPdL { padding-left:0 !important;} /* 주소,연락처등 */ #foot_add { margin:0; padding:0;} #foot_add address { font-style: normal; color:#666666; font-size:85%; } /* 방문자수 */ #visit { float:left; margin:10px 0 0 0; padding:0; width:117px; } #visit h2 { margin:0; padding:1px 0 0 14px; width:103px; height:13px; color:#fff; font-size:85%; font-weight:bold; background:url(/nnimg/main/visit_bg.gif) no-repeat left top; } :root #visit h2 { padding-top:2px; height:12px; } #visit dl { margin:3px 0 0 0; padding:0 8px; font-size:85%; color:#444;} #visit dt { float:left; margin:0; padding:0; width:27px;} #visit dd { margin:0; padding:0; text-align:right;} #visit .today { color:#0794e4; font-weight:bold;}