﻿/* 기본설정 */
* {padding:0; margin:0;}
body {font-size:12px; font-family: "Dotum","돋움","tahoma"; color:#666666; line-height:20px; overflow-x:hidden; background:#ffffff;}
div.wrap {width:920px; height:100%; margin:0px auto; vertical-align:top;}
div.SUBwrap {height:100%; margin:0px auto; vertical-align:top;}

a {text-decoration:none; color:inherit;}
img {border:0;}
ul {list-style:none; padding:0; margin:0;}
h3 {padding:0px; color:#2c718d;}
.vam {vertical-align:middle;}
.tar {text-align:right;}



/* 공통 */
.title_icon01 {background-image:url(../images/icon01.gif); background-repeat:no-repeat; background-position:left; padding-left:15px; margin-bottom:8px;}
.F_black {color:#000;}
.F_toptitle01 {color:#2895c5; font-size:16px;}
.F_toptitle02 {color:#000; font-size:16px;}
.F_midtxt {color:#908f8f; font-size:11px;}
.txt_Al {text-align:justify;}
.marB {margin-bottom:30px;}
.marB10 {margin-bottom:10px;}
.marT30 {margin-top:30px;}
.marT10 {margin-top:10px;}
.marR2 {margin-right:2px;}
.img_W50Percent {width:50%;}
.img_W100Percent {width:100%;}
/* 공통:테이블 */
TABLE.table {WIDTH: 100%; BORDER-COLLAPSE: collapse; padding:0px; border-bottom:2px solid #9bbecd; text-align:left; margin-bottom:15px;}
TABLE.table CAPTION {POSITION: absolute; LINE-HEIGHT: 0; WIDTH: 0px; HEIGHT: 0px; VISIBILITY: hidden; FONT-SIZE: 0px; OVERFLOW: hidden; LEFT: -1000em;}
TABLE.table TR {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none;}
TABLE.table TH {border-bottom:1px solid #d5e3ea; padding:6px; background-color:#eef3f6; background-image:url(../images/bg01.gif); font-weight:bold; text-align:left;}
TABLE.table TD {border-bottom:1px solid #d5e3ea; padding:5px;}
TABLE.table TD.topline { border-top:2px solid #9bbecd;}
TABLE.table TH.TH_topline { border-top:2px solid #9bbecd;}
TABLE.table .boardTitle {text-align:center;}
TABLE.table TD.td_padding {padding-top:15px; padding-bottom:15px;}
/* 배경색 */
.bg01 {background-image:url(../images/bg01.gif);}






/* 메인:Top */
.Top {width:100%; float:left;}
.Top .T_logo {float:left; width:328px;}
.Top .T_etcPro {float:right; width:510px; margin-top:34px; font-weight:bold; text-align:right;}
.Top .T_etcPro input {vertical-align:middle;}
/* 메인:Top메뉴 */
.Top_meu {width:99%; float:left; border:3px solid #488db5; padding:5px; margin-top:10px;}
.Top_meu ul {width:75%; float:right;}
.Top_meu li {width:24%; float:left; text-align:center;}

/* 메인:내용 */
.main_content {width:100%; float:left;}
/* 메인:내용-게시판들 */
.m_board_R {width:420px; float:left; margin-bottom:10px;}
.m_board_L {width:420px; float:right; margin-bottom:10px;}
.board_title {padding-bottom:3px; float:left; width:100%; border-bottom:2px solid #98c1d2;}
.board_title .B_left {float:left; width:230px;}
.board_title .B_right {float:right; width:165px; text-align:right;}
.board_list {width:100%; float:left; margin-top:10px;}
.board_list li {padding-bottom:3px; width:420px;}

/* 메인:전시/공연일정 */
.Display_board {border:1px solid #98c1d2;}
.Display_B_title {background-image:url(../images/bg01.gif); width:100%; float:left; padding-top:10px; padding-bottom:10px;}
.Display_B_title .title {float:left; width:425px; margin-left:10px;background-image:url(../images/bg01.gif); font-weight:bold;}
.Display_B_title .more {float:right; width:390px; text-align:right; margin-right:10px;background-image:url(../images/bg01.gif);}
.Display_B_list {float:left; width:100%; margin-top:10px; margin-bottom:10px;}
.Display_B_list li {padding-left:10px; padding-right:10px; padding-bottom:3px;}

/* 카피라이터 */
.cp {float:left; width:100%; border:1px solid #dbdbdb; background-image:url(../images/bottom_bg.gif);}
.addr {font-style:normal; color:#989898; font-size:11px; line-height:16px; margin-top:10px; margin-bottom:10px; padding-left:15px; height:100%;background-image:url(../images/bottom_bg.gif);}






/* 서브(기본프레임) */
.sub_frame {width:100%; float:left;}
/* 레프트메뉴 */
.left_meu {float:left; width:190px;}
.left_meu li {margin-bottom:3px;}
.left_meu li.Lemeu_padd {padding-left:10px;}
/* 서브틀 */
.SF_content {float:right; width:725px; border:1px solid #98c1d2; padding-bottom:20px}
.SF_content .subcontent { float:left; width:680px; margin-left:20px; margin-right:10px; margin-top:20px;}



/* SUB(공통):TOP */
.sub_top {width:100%; float:left;}
.sub_top .home {float:left; margin-left:10px; margin-top:10px;}
.sub_top .logo {vertical-align:middle; text-align:center; width:90%;}
/* SUB(공통):TOP-1차메뉴 */
.meu {float:left; width:100%; margin:0px;border:solid 1px;font-weight:bold}
.meu ul {float:left; width:100%;list-style:none;  margin:auto; text-align:center; padding-top:5px;}
.meu li.meu_bar {float:left;width:24%}
/* SUB(공통):TOP-2차메뉴 */
.meu_two {width:100%; float:left; margin:0px; border-bottom:1px solid; padding-top:6px;padding-bottom:6px;}
.meu_two ul {float:left; list-style:none;  margin:auto; width:100%; text-align:center; padding-top:5px;  font-size:11px; color:#5da7c5; font-weight:bold;}
.meu_two li {display:block; float:left; width:33%;margin:auto; text-align:center;}
.mTwo_F_on {font-size:11px; color:#1280a8;}
/* SUB(공통):TOP-3차메뉴 */
.meu_three {float:left; width:100%;}
.meu_three ul {float:left; list-style:none;  margin:auto; width:100%; text-align:center;}
.meu_three li {display:block; float:left; margin:auto;  width:16%; margin-bottom:8px; margin-right:5px;}
.meu_three .meu_btn {border:1px solid #57a0be; background-color:#FFF; font-size:11px; color:#737272; text-align:center; padding-top:3px; }
.meu_three .meu_on {background-color:#57a0be; color:#FFF;}
/* SUB(공통):내용틀 */
.content {width:95%; margin-left:10px;margin-bottom:25px; float:left;}
.content_Topblank {margin-top:25px;}






/* 01.민주공원소개:01.조성목적 및 연혁 */
.demo01_img01 {width:100%;  text-align:center;}


/* 03.알림마당 */
.Bnotice {float:left; background-image:url(../sub/images/board_titlebg.gif); background-repeat:repeat-x; background-position:left; width:100%; height:95px; position:relative;}
.Bnotice .Bn_img {background-image:url(../sub/images/board_titleImg01.gif); background-repeat:no-repeat; background-position:left; width:125px; height:95px; top:0px; left:0px; position:absolute;}
.Bnotice .Bn_img02 {background-image:url(../sub/images/board_titleImg02.gif); background-repeat:no-repeat; background-position:left; width:125px; height:95px; top:0px; left:0px; position:absolute;}
.Bnotice .Bn_img03 {background-image:url(../sub/images/board_titleImg03.gif); background-repeat:no-repeat; background-position:left; width:125px; height:95px; top:0px; left:0px; position:absolute;}
.Bnotice_title {background-image:url(../images/bg01.gif); padding:20px;}


.board {width:95%;}
.board li {border-bottom:1px solid #bcc7d5;width:100%;float:left; background-image:url(../images/board_btn.gif); background-repeat:no-repeat; background-position:right; padding-right:10px; min-height:30px; padding-top:5px;}
.board .list_txt {font-size:14px; vertical-align:middle;  padding-top:6px;}
.board .list_btn {vertical-align:middle; float:right; width:28px;text-align:center;}
.board_paging {font-size:14px; width:100%; float:left; height:25px; text-align:center; margin-top:20px;}
.board_paging .prev {vertical-align:middle; margin-right:15px;}
.board_paging .next {vertical-align:middle; margin-left:15px;}
/* 03.알림마당:읽기 */
.board_readBTN {width:100%; text-align:right; font-weight:bold;}
/* 03.알림마당-공연/전시일정 */
.Performance_board {width:95%;}
.Performance_board .Per_content {border-bottom:1px solid #bcc7d5;width:100%;float:left; background-image:url(../images/board_btn.gif); background-repeat:no-repeat; background-position:right; padding-right:10px; min-height:30px; padding-top:5px;}
.Performance_board .Per_content img {width:93px; height:106px;  margin-bottom:10px; margin-right:10px; float:left;}
.Performance_board .Per_content .sub_content {float:left;}
.Performance_board .Per_content .sub_content li {background-image:url(../images/icon02.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px; color:#7e7d7d; font-size:11px;}
.S_List {width:100%; text-align:right;}
.select_H {height:18px;}



/* 04.찾아오시는 길 */
.map_tab {float:left; width:100%; margin:0px; padding-bottom:8px; padding-top:8px;}
.map_tab ul { margin:auto; width:100%; text-align:center; font-size:11px; font-weight:bold;}
.map_tab li {text-align:center; float:left; width:48%; border:2px solid #98c1d2;}
.map_tab li.tab_on {margin-right:5px; margin-bottom:5px;  padding-top:3px; background-image:url(../images/bg01.gif); border:2px solid #98c1d2;}
.map_tab li.tab {margin-right:5px; margin-bottom:5px; padding-top:3px;}







