@charset "utf-8";
/* CSS Document */
#container_wrap {margin:0 auto; position:relative;width:980px; }
#container { width:980px; background: url("../../img/ko/common/bg_left.gif") repeat-y scroll 0 0 transparent; height:100%; float:left;}

#sub_body {position:relative; width:740px; padding-bottom:30px;}
#contents {width:740px;  float: left;padding: 0 0 50px;}
.path_wrap {position:relative; height: 45px;width: 740px; padding:0; border-bottom:1px solid #ccc;}

.path {
    background: url("../../img/ko/common/ico_home.gif") no-repeat scroll 0 15px transparent;
    float: left;
    margin-top: 3px;
    padding: 13px 0 0 15px;
	height: 20px;
	width:735px;
}
.path li {
    background: url("../../img/ko/common/path_dot.gif") no-repeat scroll right 1px transparent;
    display: inline;
    font-size: 1em;
    margin-right: 5px;
    padding: 0 10px 0 0;
	color:#666;
}


.sub_acc {position:absolute;right:0; top:10px; margin: 0; padding: 0; width: 115px;}
.sub_acc li {display:inline; float:left; height:23px;}
.sub_acc li .open_info{padding:3px 7px 0 0; float:left;}
.sub_acc li .btn_zoomin{padding:3px 0 0 0; float:left;}
.sub_acc li .btn_zoomout{padding:3px 0 0 0; float:left;}
.sub_acc li .btn_print{padding:3px 7px 0 0; float:left;}
.sub_acc li .btn_scrap_facebook{padding:0 4px 0 0; float:left;}

.path li.a_none {background: none repeat scroll 0 0 transparent; padding-right: 0;}

#page_tle {position:relative; width:100%; padding:30px 0 10px 0;font-family:"맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif"; font-size:22px; font-weight:bold; letter-spacing:-0.05em; }
.sub_slogan {position:relative; width:730px; height:20px; float:left; padding:0; font-size:12px; color:#666; font-family:"맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";}

#ctn {
    background: none repeat scroll 0 0 #ffffff;
    color: #666;    
    height: auto !important;
    line-height: 170%;
    margin: 20px 0 50px;
    min-height: 500px;
    width: 740px;	
}


/*여백*/
.lpad_01 {padding:0 0 0 20px;}

/*color*/
.orange {color:#cc3300}

/* 프로그램 리스트*/

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

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

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

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


.list_bot_wrap {
    margin: 20px 0 0;
    text-align: center;
}

A.n_link:hover{text-decoration:underline;}


select, textarea, input {
    background: none repeat scroll 0 0 #fff;
    vertical-align: middle;
}


/*버튼스타일*/
.wrap_btn_r{position: relative; padding:20px 0 20px 0; border-top:2px solid #ccc; float:left; width:100%; margin:30px 0 0 0;}
.go_btn { position: relative; padding:2px;  float:right;}
.go_btn a {
    background-color: #666;
    border: 1px solid #333;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    height: 20px;    
    padding: 5px;
    position: relative;
	font-weight:bold;
}

.wrap_btn_c{position: relative; padding:20px 0 20px 280px; float:left;  margin:30px 0 0 0;}
.wrap_btn_c02{position: relative; padding:20px 0 20px 300px; float:left;  margin:30px 0 0 0;}

.go_btn_blue { position: relative; padding:2px;  float:left;}
.go_btn_blue a {
    background-color: #0c4c9f;
    border: 1px solid #083b7d;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    height: 20px;    
    padding: 5px;
    position: relative;
	font-weight:bold;
}

.go_btn_blue02 { position: relative; padding:2px;  float:right;}
.go_btn_blue02 a {
    background-color: #0c4c9f;
    border: 1px solid #083b7d;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    height: 20px;    
    padding: 5px;
    position: relative;
	font-weight:bold;
}
.go_btn_gray { position: relative; padding:2px;  float:left;}
.go_btn_gray a {
    background-color: #666;
    border: 1px solid #333;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    height: 20px;    
    padding: 5px;
    position: relative;
	font-weight:bold;
}

/*여백*/
.lpad_01 {padding:0 0 0 20px;}


/*일정달력*/
table.calendar {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    clear: both;
    height: auto;
    width: 100%;
	border-collapse: collapse;
}
.calendar caption {
    display: none;
}
.calendar thead th {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    color: #666;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 15px 10px;
    text-align: center;
}
.calendar thead th.sun {
    color: #b03662;
}
.calendar thead th.sat {
    color: #264e83;
}
.calendar tbody td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-family: verdana;
    font-size: 11px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}
.calendar tbody td a {
    display: block;
    font-family: verdana;
    font-size: 11px;
    height: 26px;
    width: 30px;
}
.calendar tbody td a:hover {
    text-decoration: underline;
}
.calendar tbody td a.today:link {
    background: url("/img/main/government/bg_date_on_active.gif") no-repeat scroll center top;
    color: #fff;
    padding: 0;
    text-align: center;
}
.calendar tbody td a.registered:link {
    background: url("/img/main/government/bg_date_registered.gif") no-repeat scroll center top;
    padding: 0;
    text-align: center;
}
.schedule_list {
    height: auto;
    overflow: hidden;
    width: 100%;
}
.schedule_list .in_sch {
    width: 100%;
}
.schedule_list .in_sch li {
    border-bottom: 1px solid #ddd;
    clear: both;
    letter-spacing: -0.05em;
    line-height: 1.8em;
    padding: 10px 0 5px;
}
.schedule_list .in_sch li.date {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #eee;
    clear: both;
    color: #b03662;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
}
.schedule_list .in_sch li .sch_list {
    width: 100%;
}
.schedule_list .in_sch li .sch_list li.sch_date {
    border: medium none !important;
    float: left;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 120px;
}
.schedule_list .in_sch li .sch_list li.sch_date .sun {
    color: #b03662;
}
.schedule_list .in_sch li .sch_list li.sch_date .sat {
    color: #264f85;
}
.schedule_list .in_sch li .sch_list li.sch_cont {
    border: medium none !important;
    float: right;
    font-family: verdana;
    font-size: 12px;
    width: 600px;
}
.schedule_list .in_sch li .sch_list li.sch_cont dl {
    margin-bottom: 10px;
}
.schedule_list .in_sch li .sch_list li.sch_cont dt {
    color: #265086;
    font-size: 12px;
    font-weight: bold;
}
.schedule_list .in_sch li .sch_list li.sch_cont dd {
    color: #666;
    font-size: 12px;
}
.schedule_list .in_sch li .sch_list li.sch_cont2 {
    border: medium none !important;
    clear: both;
    font-family: verdana;
    font-size: 12px;
}
.schedule_list .in_sch li .sch_list li.sch_cont2 dl {
    margin: 0 0 10px 12px;
}
.schedule_list .in_sch li .sch_list li.sch_cont2 dt {
    color: #265086;
    font-size: 12px;
    font-weight: bold;
}
.schedule_list .in_sch li .sch_list li.sch_cont2 dd {
    color: #666;
    font-size: 12px;
}


.mar_b30 {margin-bottom: 30px;}
.clear { clear: both;}
.w100 {width: 100%;}

.flL {float: left !important;}
.w45 {width: 45%;}

.flR {float: right !important;}
.w50 {width: 50%;}
.mar_b10 {margin-bottom: 10px;}
.aC {text-align: center !important;}


.guide_traditional {background-color:#f8f8f8; width:320px; float:left; padding:20px;}
.guide_traditional h5 {font-weight:bold; padding:0 0 10px 0;font-size:15px; font-family:"맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";}

.wrap_viewer {position:relative; width:100%; float:left;}
.wrap_viewer ul li img {vertical-align:middle;}
.wrap_viewer .li_01 {width: 4.25em; background-image:none; margin:10px 0 0 0;}
.wrap_viewer .li_02 {line-height: 1.5em; width: 49em; margin:10px 0 0 0;}


/* 홈페이지도우미 - 저작권정책 */
.copyrightPolicy { 
	background: url("/portal/img/ko/sub01/copyrightPolicy.png") no-repeat scroll 40px 15px transparent;
	border: 1px solid #ccc;
	height: 110px;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}
.copyrightPolicy ul {
	padding: 25px 0 10px 165px;
	position: relative;
	width: 73%;
}
.copyrightPolicy ul li {
	background: url("/portal/img/ko/sub01/side_sbullet_off.gif") no-repeat scroll 0 7px transparent;
	border-bottom: medium none;
	margin: 0;
	padding: 0 0 0 10px;
}
.sticker-copyright { margin-left:30px; border:1px solid #dddddd; }
.ls003 { letter-spacing:-0.03em; }


/* 홈페이지도우미 - 영상정보기기 운영방침 */
.imageInfo { 
	background: url("/portal/img/ko/sub01/imageInfo.png") no-repeat scroll 40px 15px transparent;
	border: 1px solid #ccc;
	height: 110px;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}
.imageInfo ul {
	padding: 25px 0 10px 165px;
	position: relative;
	width: 73%;
}
.imageInfo ul li {
	background: url("/portal/img/ko/sub01/side_sbullet_off.gif") no-repeat scroll 0 7px transparent;
	border-bottom: medium none;
	margin: 0;
	padding: 0 0 0 10px;
}


/*뷰어프로그램*/

.viewer {border-bottom: 1px dotted #ccc; clear: both; height: 100%; margin-bottom: 20px; overflow: hidden; padding: 0 0 5px;}
.title-icon {float: left; text-align: center; width: 100px;}
.description {float: left; width:600px;}
.description .download-btn {clear: both; margin: 15px 0;}

	
/* 전자민원창구 */
.civil_complaint_box01{
	background:url(../../img/ko/sub01/civil_complaint_box01.png) 30px center no-repeat;
	border: 1px solid #ddd;
	padding:30px 10px;
	margin-bottom:20px;
}	
.civil_complaint_box01 > div{
	margin-left:130px;
}	
.civil_complaint_box01 > div > p{
	margin-left:15px;
	background: url(../../img/ko/sub01/h4_icon.gif) no-repeat scroll left 5px transparent;
    color: #2d5cb2;
    padding-left:23px;
    font-weight:bold;
    line-height:30px;
}	
.civil_complaint_box01 > div > ul{
	margin-top:10px;
}	

/* 제 19대 대통령선거 D-day */
.election_count { position: absolute; right: 78px; top: -5px; width: 225px; text-align: center; z-index: 9999; }
.election_count dt { font-size: 12px; padding-bottom:4px; font-weight: 600; line-height: 1.5; margin-top: 5px;}
.election_count dt, .election_count dd {float: left;}
.election_count .dday { color:#fb4848;font-size:40px; font-family:Impact; margin-left: 10px; line-height: 48px; letter-spacing: -0.5pt;}
.election_count .date { display: inline-block; width: 100%; background: #48b9e8; color: #fff; font-size: 12px; font-weight: 600; border-radius: 15px; text-align: center; }
.election_count:after{content: ''; display: block; clear: both;}

/*민원*/
.mergerFrame {
	width: 100%; height: 100%; border: 0px; margin: 0px; overflow: hidden;	
}