@charset "utf-8";
/* CSS Document */

/*left 메뉴*/

#left {float: left; overflow: visible; padding: 0; width: 240px; }
#left h2 {width: 210px; height:53px; background: url("../../img/ko/sub04/bg_h2.gif") no-repeat scroll center top transparent; 
           text-align:center; font-family: "맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";
	font-size:23px;
	font-weight:bold;
	letter-spacing: -0.07em;
    line-height: 200%;
    padding: 55px 0 7px 0;
	color:#333;
	border-bottom:1px solid #ccc;
	}
#leftmenu {
    background: url("../../img/ko/sub04/sub_side_Bbg.gif") repeat-y scroll 0 0 transparent;
    padding: 0 0 50px 0;}
#leftmenu ul {
    padding: 0;
    width: 210px;}
#leftmenu ul li {
    background: url("../../img/ko/sub04/side_mbullet_off.gif") no-repeat scroll 15px 15px transparent;
    border-bottom: 1px solid #ccc;letter-spacing: -0.07em;}
#leftmenu ul li a {
    color: #a03684;
    display: block;
    letter-spacing: -0.07em;
    line-height: 200%;
    padding: 7px 0 7px 40px;
    width: 170px;
	font-family: "맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";
	font-size:15px;
	font-weight:bold;}
#leftmenu ul li a:hover {
    font-weight: bold;
    letter-spacing: -0.07em;
    text-decoration: none;}
#leftmenu ul li.on {
    background: url("../../img/ko/sub04/side_mbullet_on.gif") no-repeat scroll 15px 15px transparent;}
#leftmenu ul li a.on {
    color: #a03684;
    font-weight: bold;
    letter-spacing: -0.07em;
    text-decoration: none;}
#leftmenu ul ul {
    background-color: #f8f8f8;
    background-image: none;
    border-top: 1px solid #ccc;
    display: block;
    margin: 0;
    padding: 6px 0 2px 20px;
    width: 188px;
	margin:0 0 0 1px;}
#leftmenu ul ul li {
    background: url("../../img/ko/sub04/side_sbullet_off.gif") no-repeat scroll 0 10px transparent;
    border-bottom: medium none;
    margin: 0;
    padding: 0;}
#leftmenu ul ul li a {
    background-image: none;
    border-bottom: 0 none;
    color: #555;
    display: block;
    letter-spacing: -0.1em;
    line-height: 110%;
    padding: 7px 0 7px 7px;
    width: 175px;
	font-family: "돋움","Dotum","Arial","sans-serif";
	font-size:12px;
	font-weight:normal;}
#leftmenu ul ul li a:hover {
    font-weight: bold;
    letter-spacing: -0.2em;
    text-decoration: none;}
#leftmenu ul ul li.on {
    background: url("../../img/ko/sub04/side_sbullet_on.gif") no-repeat scroll 0 10px transparent;}
#leftmenu ul ul li a.on {
    font-weight: bold;
    letter-spacing: -0.05em;
    text-decoration: none;
	color:#333;
	}

#sub_visual{position:relative; width:740px; height:115px; padding:0;
background: url("../../img/ko/sub04/bg_subvisual.jpg") no-repeat scroll 0 0 transparent;
border-bottom:1px solid #ccc;}

/*탭스타일*/
/* 4,5 detph*/
.tab_4depth {
    overflow: hidden;
    width: 740px;
	padding:0 0 20px 0;
}
.tab_4depth li {
   background: url("../../img/ko/sub04/dep3_bg_off.gif") no-repeat scroll 0 0;	
    float: left;
    height: 28px;
    margin: 0 0 4px;
    text-align: center;
    width: 175px;
}
.tab_4depth li a {
    cursor: pointer;
    display: block;
    height: 20px;
    padding-top: 5px;
	padding-bottom: 3px;
    width: 175px;
}
.tab_4depth li.tab_bg_on a{
    background: url("../../img/ko/sub04/dep3_bg_on.gif") no-repeat scroll 0 0;	
	font-weight:bold;
	color:#a03684;
}
.tab_4depth li.mar_R15 {
    margin-right: 15px;
}
.tab_4depth li.mar_R14 {
    margin-right: 14px;
}
.tab_4depth li.mar_R13 {
    margin-right: 13px;
}

.box_mnu_wrap {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 0 0 20px;	
}
.box_mnu {
    width: 710px;
}
.box_mnu li {
    background: url("/img/common/down_bg.gif") no-repeat scroll left 4px;
    float: left;
    margin-bottom: 20px;
    padding-left: 10px;
    width: 220px;	
}

.box_mnu li.tab_bg_on a{color:#333; font-weight:bold;}

/*depth*/
#sub_body h4 {
    background: url("../../img/ko/sub04/h4_icon.gif") no-repeat scroll left 5px transparent;
    color: #a03684;
    font-weight: bold;
    line-height: 30px;
    overflow: hidden;
    padding-left: 20px;}

ul.m01_ul {
    border-bottom: 0.083em solid #ddd;
    margin: 0.75em 0 1.25em;
    padding: 0 0 0.25em;
}
ul.m01_ul li strong {
    background: url("../../img/ko/sub04/dep01.gif") no-repeat scroll left 0 ;
    clear: both;
    margin: 0 0 0.5em;
    padding: 0 0 1em 2em;
	line-height:130%;
}
ul.m01_ul li.bg {
    background: none repeat scroll 0 0 ;
}
ul.m02_ul {
    margin: 0.5em 0 0.75em 0.75em;
    padding: 0;
}
ul.m02_ul li {
    background: url("../../img/ko/sub04/dep02.gif") no-repeat scroll left 0.5em ;
    margin: 0 0 0.25em 1em;
    padding-left: 1em;
}
ul.m02_ul li.m02 {
    background: url("../../img/ko/sub04/dep02.gif") no-repeat scroll left 0.5em ;
    margin: 0 0 0.25em 1em;
    padding-left: 0;
}
ul.m03_ul {
    margin: 0.25em 0 0 0.25em;
    padding: 0;
}
ul.m03_ul li {
    background: url("../../img/ko/sub04/dep03.gif") no-repeat scroll left 0.5em ;
    margin: 0 0 0.25em;
    padding-left: 1em;
}

ul.m04_ul {
    margin: 0.25em 0 0 0.25em;
    padding: 0;
}
ul.m04_ul li {
    background: url("../../img/ko/common/dep04.gif") no-repeat scroll left 0.5em ;
    margin: 0 0 0.25em;
    padding-left: 1em;
}

ul.m05_ul {
    margin: 0.25em 0 0 0.25em;
    padding: 0;
}
ul.m05_ul li {
    background: url("../../img/ko/common/dep05.gif") no-repeat scroll left 0.5em ;
    margin: 0 0 0.25em;
    padding-left: 1em;
}


ul.m02_ul li.table {
    background: none repeat scroll 0 0 ;
}
ul.m02_ul li.letter {
    letter-spacing: -0.083em;
}
ul.m03_ul li.table {
    background: none repeat scroll 0 0 ;
}
ul li.bg {
    background: none repeat scroll 0 0 ;
}
ul.m03_ul li.letter {
    letter-spacing: -0.04em;
}



/* 테이블 */
table.table_v01 { 
	border-collapse: collapse; 
	width: 100%; 
	margin:0; 
	border: solid #972a7a; 
	border-width: 2px 0 0 0; 
	float:left;	
}
table.table_v01 caption {
	text-indent: -2000px; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow:hidden; 
}
table.table_v01 caption.view{
	text-indent: 0; 
	font-size: 1em;
	overflow:visible; 
	line-height:140%; 
	padding:20px 0 25px 0;
	font-weight:bold;
}

table.table_v01 caption {
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -2000px;
}

table.table_v01 th, table.table_v01 td { 
	border: 1px solid #e2a1d3; 
	padding: 5px 6px 3px 6px; 
	line-height:150%; 
}
table.table_v01 th { 
	background:#f5e6f1; 
	font-weight: bold; 
	color:#821171; 
	text-align: center; 
	vertical-align: middle;
	letter-spacing:-0.1em;
	font-size:1em;
}
table.table_v01 td { 
	background: #fff; 
	color:#555;
}
table.table_v01 tfoot td { 
	background: #f5f5f5; 
	font-weight: normal; 
	vertical-align: middle; 
}
table.table_v01 td.item { 
	background: #f8f8f8;
	font-weight: bold;
	letter-spacing:-0.1em;
	font-size:1em;
	color:#555;
}
table.table_v01 th.item { 
	background: #f8f8f8;
	font-weight: bold;
	letter-spacing:-0.1em;
	font-size:1em;
	color:#555;
}

table.table_v01 td.bg { 
	background: #f8f8f8;
}
table.table_v01 td input.box { 
	border:1px solid #cdcdcd;
	background:#f9f9f9;
	height:16Px;
	margin-bottom:2px;
	vertical-align:middle;
}

/* 오늘의 일정달력 */
.wrap_schedule {position:relative; width:100%;  float:left;}
.left_month {position:relative; width:35%; float:left; }
.right_month {position:relative; width:65%; float:left; }

table.small_carendar { 
	border-collapse: collapse; 
	width: 100%; 
	margin:0; 
	border: solid #333333; 
	border-width: 2px 0 0 0; 
	text-align:center;
	
}
table.small_carendar caption {
	text-indent: -2000px; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow:hidden; 
}
table.small_carendar caption.view{
	text-indent: 0; 
	font-size: 1em;
	overflow:visible; 
	line-height:140%; 
	padding:20px 0 25px 0;
	font-weight:bold;
}

table.small_carendar .display {
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -2000px;
}

table.small_carendar td { 
	border: 1px solid #ccc; 
	padding: 5px 6px 3px 6px; 
	line-height:150%; 
}

table.small_carendar th { 	
	padding: 7px 6px 7px 6px; 
	line-height:150%; 
	background-color:#efefef;
	border: 1px solid #ccc; 
}
table.small_carendar td { 
	border: 1px solid #ccc; 
	padding: 7px 6px 7px 6px; 
	line-height:150%; 
}

table.small_carendar tfoot td { 
	background: #f5f5f5; 
	font-weight: normal; 
	vertical-align: middle; 
}
table.small_carendar td.item { 
	background: #f8f8f8;
	font-weight: bold;
	letter-spacing:0;
	font-size:1em;
	color:#555;
}
table.small_carendar th.item { 
	background: #fff;
	font-weight: bold;
	letter-spacing:0;
	font-size:1em;
	color:#333;
}

table.small_carendar td.bg { 
	background: #f8f8f8;
}
table.small_carendar td input.box { 
	border:1px solid #cdcdcd;
	background:#f9f9f9;
	height:16Px;
	margin-bottom:2px;
	vertical-align:middle;
}

.sun a,.sun {
    color: #cc3300; }
.sat a,.sat {
    color: #204ea5; }


.today {background-color: #e0edfe;
    border: 2px solid #3a7dd8 !important;}

.selected{background-color: #fff;
    border: 2px dotted #cc3300 !important; font-weight:bold;}

.top_month {position:relative; width:260px; height:35px; }
.top_month .prev {position:absolute; padding-left:30px; width:50px; height:30px; top:0; left:0; background: url("/common/img/calendar/btn_icon_prev.gif") no-repeat scroll 0 7px; color:#cc3300; font-size:11px; padding-top:7px;}
.top_month .next {position:absolute; width:65px; top:0; right:0; height:30px; background: url("/common/img/calendar/btn_icon_next.gif") no-repeat scroll 100% 7px; color:#cc3300; font-size:11px; padding-top:7px; }
.top_month h4 {position:relative; background-image:none !important; padding:0 !important; font-size:14px; font-weight:bold; color:#333 !important; text-align:center;width:120px !important; margin:0 auto; text-align:center;}

.right_month h4 {position:relative; margin-left:35px; float:left; color:#333 !important; background: url("/common/img/calendar/icon_clock.gif") no-repeat scroll 0 0 !important;  height:40px; font-weight:bold !important; padding-left:30px !important;}
.right_month ul {position:relative; width:430px; float:left; padding:0 0 0 37px;}
.right_month ul li {line-height:200%; position:relative; clear:both;}
.right_month ul li a {padding-left:5px;}
span.place {color:#006699; font-size:11px;}


.week-events {position:relative; width:100%; margin-top:20px;  float:left; padding-bottom:80px; }

.week-events .categories {position:relative; width:100%; float:left; }
.week-events .categories li{display:inline; float:left; padding:0 3px 10px 0;}
.week-events h4 {background-image:none !important; width:100%; height:37px; padding-top:10px; background-color:#fafafb !important;  border-top:2px solid #333; border-bottom:1px solid #ccc; padding:0!important;}
.week-events h4 span.txt {color: #333 !important;
    float: left;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 5px;
}

.week-events ul li.day { border-bottom: 1px solid #ddd; }
span.day {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    width: 15%;
	padding:10px 0 0 10px;
	}

div.week-events ul ul {
    display: inline-block;
    margin-left: 1em;
    vertical-align: top;
    width: 80%;
	padding:10px 0 10px 0;
}

div.week-events ul ul li.event {line-height:200%;  }
div.week-events ul ul li.event a{padding:0 0 0 10px; }

.view_schedule {position:relative; width:100%; float:left;}
.wrap_detail_view {position:relative; width:100%; border-top:2px solid #333;}
.wrap_detail_view ul {position:relative; width:100%; float:left; }
.wrap_detail_view ul li{position:relative; width:100%; border-bottom:1px solid #ccc; float:left; }
.wrap_detail_view ul li .tit{position:relative; width:15%; font-weight:bold; float:left; background-color:#efefef; padding:5px 0 5px 0; text-align:center;} 
.wrap_detail_view ul li .pla{position:relative; width:15%; font-weight:bold; float:left; background-color:#efefef; padding:5px 0 5px 0; text-align:center;}  
.wrap_detail_view ul li .dur{position:relative; width:15%; font-weight:bold; float:left; background-color:#efefef; padding:5px 0 5px 0; text-align:center;}  
.wrap_detail_view ul li .cat{position:relative; width:15%; font-weight:bold; float:left; background-color:#efefef; padding:5px 0 5px 0; text-align:center;}  
.wrap_detail_view ul li .main{position:relative; width:15%; font-weight:bold; float:left; background-color:#efefef; padding:5px 0 5px 0; text-align:center;}  
.wrap_detail_view ul li .content{position:relative; width:80%; font-weight:normal; float:left; background-color:#fff; padding:3px 0 0 10px; } 
.wrap_detail_con {position:relative; width:100%; float:left; border-bottom:2px solid #333; margin:0 0 20px 0; }
.wrap_detail_con .con {position:relative; padding:20px; }



/* 선택과 검색*/
.finance_box {position:relative; width:708px; padding:15px; margin-bottom:20px; border:1px solid #ccc; background-color:#efefef;}
.finance_box .label_view {font-weight:bold; padding:0 10px 0 0;}
.finance_box select {background-color:#fff; margin:0 5px 0 5px; width:180px; height:25px; border:1px solid #ccc; background-color:#fff; }
.btn_gray {    
    color: #ffffff !important;
    cursor: pointer;
    padding: 2px 5px;
	background-color:#333;
	height:23px;
}

div.area_vr {border: 4px solid #ccc;height: 350px;margin: 0;width:732px;float:left; margin-bottom:20px;}
div.map {border: 4px solid #a03684;height: 300px;margin: 0;width:732px;float:left; margin-bottom:20px;}

/* 시정홍보동영상 */

#sub_movie {
    padding-bottom: 30px;
    position: relative;
    width: 780px;
}
.tit_h1 {
    background: url("/portal/img/ko/sub04/ico_subject.gif") no-repeat scroll 10px 0 ;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: bold;    
    padding: 0 0 10px 30px;
}


.label_hidden {
    font-size: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}

.coolTube {
    border: 1px solid #ccc;
    color: #555;
    font-size: 12px;
    padding: 10px;
	width:220px; height:300px;
	margin-left:10px;
}

.wrap_movie {float:left; width:500px; height:450px;}

.info_movie{width:250px; float:left; margin-right:15px; }
.mar_a10 { margin: 10px;}
.down {position:absolute; left:520px; top:400px;}

/* 홍보동영상 */

.vod_list {position:relative; width:100%; border-top:2px solid #555; padding:0 0 20px 0; float:left;}
.vod_list li{position:relative; width:100%; float:left;}
.vod_list li a {
    color: #666666;
    display: block;
    padding: 20px 0;
    position: relative;	
	float:left;
}

.vod_list li {
    color: #666666;
    display: block;
    padding: 20px 0;
    position: relative;	
}
.vod_list li a:hover, .vod_list li a:focus {
   text-decoration:underline;
}

.vod_list li .list_img {
    float:left; 
	width:220px; height:121px;
	margin:0 0 20px 0;
}

.vod_list li .list_title {
    color: #333;
	display: block;
    margin-left: 223px;
	font-weight:bold;
	font-size:13px;
}

.vod_list li .list_txt {
    color: #555;
	display: block;
    margin-left: 223px;
}

.vod_list li .list_data {
    color: #666;
    margin-top: 10px;
	display: block;
    margin-left: 223px;
}

.vod_list li .list_btn_down01 {
    color: #666;
    margin-top: 10px;
	display: block;
    margin-left: 223px;
}

.vod_list li .list_btn_down01 a{
    color: #666;    
	display: block;
    margin-right: 10px;
}

.vod_list li .list_btn_down02 {
    color: #666;
    margin-top: 10px;
	display: block;  
}



.cleB {
    clear: both;
}

.vod_list li {
    border-bottom: 1px solid #ccc;
}