/* Reset */
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
body{background-color:#fff;}
body,input,button{font-size:12px;line-height:1.5em;font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif;color:#383d41;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#ff6600;text-decoration:underline;}
em,address{font-style:normal;}
button,label{cursor:pointer;}
button *{position:relative;}
button img{left:-3px; left:auto;}
textarea{overflow:auto;}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}
img { border:0px; }
caption, legend {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
/* Common */
.clear { clear:both;}
legend {display:block;overflow:hidden;position:absolute;left:0;top:-5000px;display:none;}
hr {display:none;}
/* Layout */
body {text-align:center; background:url(/images/01_kor/main/backimg.jpg) repeat-x;}
#wrap {min-width:1000px;}
#header, #container, #footer {width:1000px;margin:0 auto;text-align:left;}
#container {position: relative;}
#header { height:330px; position: relative;}
#container h3 {}
#main_left {
float:left;
width:200px;
}
#main_center {
float:left;
width:430px;
padding:0 0 0 10px;
}
#main_right {
float:right;
width:340px;
position: relative;
}
/* Header */
#gnbarea {position:relative; width:1000px; height:24px; padding-top:10px; z-index:40;}
#gnbarea #area { float:right;}
#gnbarea ul { float:left;}
#gnbarea li { float:left;}
#gnbarea .gnb li {float:left;font-size:0.9em;margin:0 5px;letter-spacing:-0.7px;color:#333333;}
#gnbarea .gnb .icn {padding-left:12px; background:url(/images/01_kor/main/gnb_icn.gif) no-repeat 0px 2px;}
#gnbarea select {border:1px solid #b2c0d1;font-size:0.9em;margin-right:5px;width:75px;color:#333333;}
#gnbarea .input { border:1px solid #b2c0d1;height:16px; width:110px;margin-right:5px;}
/* Flashs_bsh */
#mainFlash{position:relative; top:-34px; width:1000px; z-index:30;}
#mainFlashbg{width:1000px; height:260px;}
#mainFlash_logo{position:absolute; top:21px; width:130px; height:60px;}
#mainFlash_my{
margin:0 auto;
position:absolute;
top:138px;
left:10px;
z-index:30;
}
.mainFlash_my_01 {
width:199px;
height:122px;
}
.mainFlash_my_01 ul li img{
vertical-align:top;
}
#mainPortfolio{position:absolute; top:105px; width:182px; height:116px;}
#mainPortfolio #mainPortfolio2{ position:relative; bottom: 30px; left: 70px;}
/* Main Menu */
#mainmenu { position:absolute; top:260px; width:1000px; z-index:1;}
#mainmenu li { float:left;}
#main_c01 { position:absolute; top:32px; left:72px; width:337px; height:34px; background:url(/images/01_kor/main/menu01_sub_bg.png) no-repeat; padding-left:14px;}
#main_c01 li { float:left; padding:12px 4px 0 4px;}
#main_c02 { position: absolute; top:32px; left:200px; width:461px; height:34px; background:url(/images/01_kor/main/menu02_sub_bg.png) no-repeat; padding-left:16px;}
#main_c02 li { float:left; padding:12px 2px 0 2px;}
#main_c03 { position:absolute; top:32px; left:290px; width:374px; height:34px; background:url(/images/01_kor/main/menu03_sub_bg.png) no-repeat; padding-left:16px;}
#main_c03 li { float:left; padding:12px 2px 0 2px;}
#main_c04 { position:absolute; top:32px; left:377px; width:430px; height:34px; background:url(/images/01_kor/main/menu04_sub_bg.png) no-repeat; padding-left:16px;}
#main_c04 li { float:left; padding:12px 2px 0 2px;}
#main_c05 { position:absolute; top:32px; left:422px; width:532px; height:34px; background:url(/images/01_kor/main/menu05_sub_bg.png) no-repeat; padding-left:8px;}
#main_c05 li { float:left; padding:12px 2px 0 2px;}
#main_c06 { position:absolute; top:32px; left:600px; width:387px; height:34px; background:url(/images/01_kor/main/menu06_sub_bg.png) no-repeat; padding-left:16px;}
#main_c06 li { float:left; padding:12px 2px 0 2px;}
#main_c07 { position:absolute; top:32px; left:600px; width:399px; height:34px; background:url(/images/01_kor/main/menu07_sub_bg.png) no-repeat; padding-left:8px;}
#main_c07 li { float:left; padding:12px 2px 0 2px;}
/* Main Left */
/* 구민의소리 */
#left_voice {width:200px;height:135px;margin-bottom:10px;background:url(/images/01_kor/main/left_voice_bg.gif) no-repeat left top;}
#left_voice ul { padding:23px 0 0 15px;}
#left_voice li { line-height:0px; font-size:0; padding-top:4px;}
#left_voice h3 {position:relative; top:13px; left:52px; width:70px;}
/* 행정정보 */
#left_civil {
height:66px;
background:url(/images/01_kor/main/left_civil_bg.gif) no-repeat left top;
margin-bottom:2px;
}
.left_civil_twi {
width:200px;
margin-bottom:2px;
}
#left_civil h3 {
position:relative;
top:2px;
left:15px;
width:144px;
}
#left_civil ul {
padding:12px 0 0 5px;
width:90px;
float: left;
}
#left_civil li {
font-size:11px;
margin:0;
padding: 0px 0px 0px 5px;
background:url(/images/01_kor/main/main_bl_civil.gif) no-repeat 0px 6px;
width: 90px;
}
#left_civil li a:link, #left_civil li a:visited, #left_civil li a:active {
color:#555555;
}
#left_civil li a:hover{
font-size:11px;
color:#ff6600;
text-decoration:underline;
}
/* 우리구안내 */
#left_guide {height:92px;background:url(/images/01_kor/main/left_guide.gif) no-repeat left top; margin:18px 0 6px 0;}
#left_guide ul {margin:20px 0 0 11px;width: 80px;float: left; display: inline;}
#left_guide li {font-size:11px; padding-left:5px;background:url(/images/01_kor/main/main_bl_guide.gif) no-repeat 0px 6px;width: 100%; float: left; display: inline;line-height:18px;}
#left_guide li a:link, #left_civil li a:visited, #left_civil li a:active { color:#555555;}
#left_guide li a:hover{ font-size:11px;color:#ff6600;text-decoration:underline;}
#left_guide h3 {position:relative; top:7px; left:24px; width:51px;}
/* Banner */
#left_banner li { float:left; font-size:0; line-height:0;}
#left_banner .mr { margin-right:4px;}
#left_banner .mb { margin-bottom:2px;}
/* Main Center */
/* 공지사항_레이아웃 */
#board_wrap{ width:445px;float:left;}
div.board { width:445px;left:0; top:0; margin:0;position:relative;}
div.board ul li {float:left;}
div.board ul li img{cursor:pointer;}
div.board .tabcontent {left:0;position:absolute;top:33px;}
div.board .tabcontent ul li {padding:3px 0 0 0;line-height:130%;width:445px;white-space:nowrap;height:16px;}
div.board .tabcontent ul li span.date {color:#333;float:right;text-align:right;width:65px;overflow:hidden;position:relative;right:20px;}
div.board .tabcontent ul li a { color:#333; float:left; padding:0 0 0 10px; width:362px;letter-spacing:-0.05em; background: url(/images/01_kor/main/main_bl_board.gif) no-repeat 5px 0.5em;overflow:hidden;}
div.board .tabcontent ul li a:hover {text-decoration:none;color:#f60;}
div.board .tabcontent ul li img {padding-left:5px;}
/* 자주찾는 정보 */
#cen_infor {width:430px;height:120px;background:url(/images/01_kor/main/cen_civil_bg.gif) no-repeat; position:absolute;top:145px;}
#cen_infor .infor_tab {width:410px;height:20px;background:url(/images/01_kor/main/infor_tab_bg.gif) no-repeat;position:absolute;top:11px;left:10px;}
#cen_infor li {float:left;cursor:pointer;}
#cen_infor .tabcontent {left:10px;position:absolute;top:27px;}
#cen_infor .tabcontent table td { width:200px; padding:1px 0 5px 0;}
/* 행복광진소식 */
#cen_gwangjin {width:445px;}
#gwangnews {width:200px;height:124px;position:absolute;top:285px;}
#gwangnews .gwangnews_tit { height:18px;border-bottom:#dddddd solid 1px;}
#gwangnews .more {float:right;position:relative;top:-11px;}
#gwangnews .gwangnews_con {margin: 10px 0 0 5px;}
#gwangnews dl {float:left;width:90px;text-align:center;}
#gwangnews dt {height:75px;}
#gwangnews dd {margin-top:5px;}
/* 광진인터넷방송 */
#gwangbroad {
margin: 0 0 0 210px;
width:215px;
height:125px;
position:absolute;
top:285px;
background:url(/images/01_kor/main/cen_broad_bg.gif) no-repeat;
}
#gwangbroad .broad_tab ul li {
float:left;
cursor:pointer;
}
#gwangbroad .tabcontent {
left:10px;
position:absolute;
top:30px;
width: 195px;
}
#gwangbroad .tabcontent p {
float:left;
}
#gwangbroad .tabcontent p img{
margin:0px 5px 0px 0px;
}
#gwangbroad .tabcontent dl{
float:right;
width:100px;
height:85px;
}
#gwangbroad .tabcontent dt{
font-size:0.9em;
letter-spacing:-0.1em;
line-height:1.9em;
font-weight:bold;
width:100px;
}
#gwangbroad .tabcontent dt a{color:#333;}
#gwangbroad .tabcontent dd{
line-height:1.3em;
text-align:justify;
font-size:0.9em;
letter-spacing:-0.1em;
float:left;
width:100px;
}
#gwangbroad .tabcontent .con {
height:50px;
}
#gwangbroad .tabcontent dd .page {
float:right;
}
/* 국정브리핑 */
#briefing { width:430px; height:23px; background:url(/images/01_kor/main/briefing_bg.gif) no-repeat; position:absolute; top:415px; font-size:11px; color:#555555; padding:4px 0 0 100px;}
/* 메인 오른쪽 영역 */
/* 광진구알림창 */
#right_know {position:relative; top:0;width:340px;height:180px; background:url(/images/01_kor/main/right_knowbg.gif) no-repeat;}
#right_know .popup {float:right; position:relative; padding:0 8px 0 0;}
#right_know .popup li {float:left;margin-right:2px;}
#right_know .popimg { position:absolute; top:24px; left:0; width:326px; height:151px; padding:10px 0 0 9px;}
#right_know .popimg li { font-size:0; line-height:0; margin:0; padding:0;}
#right_know h3 {position:relative; top:12px; left:14px; width:79px;}
/* 사람별링크 */
#right_man {height:57px;}
#right_man li{ float:left; padding-top:3px;}
/* 광진구 주요사이트 */
#right_site {width:340px;height:202px;background:url(/images/01_kor/main/right_site_bg.gif) no-repeat;}
#right_site .num {float:right; position:relative; top:0; padding:0 8px 0 0;}
#right_site .num li{float:left; margin-right:2px;}
#right_site .num li a {display: block; width: 14px;height: 12px;}
#right_site h3 {position:relative; top:9px; left:23px; width:85px;}
#right_site .site_content { width:328px; height:129px; position:absolute; left:-298px; top:20px; padding:5px 0 0 10px;}
#right_site .site_content li {float:left; width:63px; height:56px; display: block; padding:0; margin:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#right_site .question {position: absolute; top:408px;font-size:0.9em;padding-left:16px;width:330px;}
#right_site .question li {float:left;}
#right_site .question .vt { vertical-align:-3px; padding-right:7px;}
#right_site .question .cont { width:257px;}
/* footer */
#footer {height:150px;position:relative;margin-top:20px;}
#footer .related {width:1000px; height:50px;float:left; padding-left:20px;background:url(/images/01_kor/main/foot_related_bg.gif) no-repeat;}
#footer .related fieldset { float:left;}
#footer .related select {color: #666;width:110px;height:20px;border:1px solid #d7d6d6;font-size:12px;margin:15px 0 0 6px;}
#footer .related .type-image {vertical-align:-6px;}
#footer .related .banner { float:left;padding:8px 20px 0 10px;}
#footer .related .banner li { float:left;}
#footer .related .banner .banall {padding:5px 0 0 0px;}
#footer .foot {width:1000px;height:80px;float:left; background:url(/images/01_kor/main/foot_bg.gif) no-repeat;}
#footer .foot_logo {float:left; padding:20px 20px 0 44px; }
#footer .foot-content {margin:17px 15px 0 0px; float: left; width: 600px;}
#footer .totalCNT { width:220px; height:61px; background:url(/images/01_kor/intro/intro01/today_bg.gif) no-repeat; margin:10px 0px 0 0px; float: left;text-align: right;}
#footer .totalCNT .totalText01{padding:13px 10px 0 0; font-size: 10pt; color: #0b4da8; }
#footer .totalCNT .totalText02{padding:6px 10px 0 0; font-size: 10pt; color: #548a15;}
#footer .guide_menu li {float:left; padding:0 6px 5px 5px;background:url(/images/01_kor/main/foot_m_line.gif) no-repeat right top;line-height:0;font-size:0;}
#footer .guide_menu .noline { background:none;}
#footer label {
display: none;
}
.hidden {position:absolute; z-index:-1; visibility:hidden;}