@charset "utf-8";

body{ margin: 0 auto; font-size:13px;color:#666;font-family:"나눔고딕",NanumGothic,"Nanum Barun Gothic","Malgun Gothic","돋움",Dotum,AppleGothic,sans-serif !important;
}
#wrap {}
select, input, img, li { vertical-align: middle; text-align:left; font-family:"나눔고딕",NanumGothic,"Nanum Barun Gothic","Malgun Gothic","돋움",Dotum,AppleGothic,sans-serif;
}
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; font-family:"나눔고딕",NanumGothic,"Nanum Barun Gothic","Malgun Gothic","돋움",Dotum,AppleGothic,sans-serif;
}
ul, li, ol { list-style-type: none;margin: 0; font-family:"나눔고딕",NanumGothic,"Nanum Barun Gothic","Malgun Gothic","돋움",Dotum,AppleGothic,sans-serif;
}
span, a, p, div {font-family:"나눔고딕",NanumGothic,"Nanum Barun Gothic","Malgun Gothic","돋움",Dotum,AppleGothic,sans-serif;}

/*******************************  메인 레이아웃 ********************************/
#m_contentswrap { clear: both; width: 950px; margin: 0 auto; padding: 0px 0px 0px 0px ;text-align: left; position: relative;
}

#m_lefcont { float: left; width: 380px; margin-left: 0px; margin-bottom: 29px;position:relative;
}

#m_rigcont { float: left; width: 550px; height:620px; margin-left: 20px; margin-bottom: 29px;position:relative;
}

.quickmenu { z-index: 0;
}

/****************************** 메인 left 레이아웃 ******************************/

/* 메인비쥬얼 */
.slider-body { width: 380px; height: 434px;  margin:0 auto;
	/* 기본    */ /* background: url('/static/open_images/main/visual-bannerv10.jpg') no-repeat; */
	/* default */ /* background: url('/static/open_images/main/visual_banner_default.jpg') no-repeat; */
	/* 12월    */ /* background: url('/static/open_images/main/visual_december.jpg') no-repeat; */
	/*  1월    */ /* background: url('/static/open_images/main/visual_january4.jpg') no-repeat; */
	/*  4월    */ /* background: url('/static/open_images/main/visual_april1.jpg') no-repeat; */
	/*  5월    */ /* background: url('/static/open_images/main/visual_may0.jpg') no-repeat; */
	/*  6월    */ /* background: url('/static/open_images/main/visual_june0.jpg') no-repeat; */
	/*  7월    */ /* background: url('/static/open_images/main/visual_july0.jpg') no-repeat; */
	/*  8월    */  background: url('/static/open_images/main/visual_august0.jpg') no-repeat; 
}
.slider-body .tit{ position: relative; top:95px; text-align:center; font-weight:bold; color:#323232; font-size: 1.8em; display: none;
}
.slider-body .txt{ position: relative; top:110px; text-align:left; color:#323232; font-size: 1.3em; padding:0 30px 0 30px;
}
.slider-body .btn1{
	/* 기본		*/ /* position: relative; top:200px; left:140px; */
	/* default  */ /* position: relative; top:132px; left:134px; */
	/* 12월		*/ /* position: relative; top:193px; left:42px; */
	/*  1월		*/ /* position: relative; top:200px; left:47px; */
	/*  1월(4)	*/ /* position: relative; top:176px; left:40px; */
	/*  4월		*/ /* position: relative; top:152px; left:47px; */
	/*  5월		*/ /* position: relative; top:140px; left:44px; */
	/*  6월		*/ /* position: relative; top:158px; left:42px; */
	/*  7월		*/ /* position: relative; top:239px; left:42px; */
	/*  8월		*/     position: relative; top:140px; left:44px;
}/*text-align:center;제거- left추가*/
.slider-body .btn1 a{
	/* 기본 	*/ /* background: url('/static/open_images/main/btn_view2.png') no-repeat 100% 0; height: 46px; padding-right: 17px; display: inline-block; */
	/* default 	*/ /* height: 29px; width: 111px; display: inline-block; */
	/* 12월 	*/ /* height: 29px; width: 99px; display: inline-block; */
	/*  1월 	*/ /* height: 29px; width: 125px; display: inline-block; */
	/*  1월(4)  */ /* height: 29px; width: 112px; display: inline-block; */
	/*  4월 	*/ /* height: 29px; width: 111px; display: inline-block; */
	/*  5월 	*/ /* height: 29px; width: 111px; display: inline-block; */
	/*  6월 	*/ /* height: 29px; width: 100px; display: inline-block; */
	/*  7월 	*/    height: 29px; width: 100px; display: inline-block;
}
.slider-body .btn1 a em {
	/* 기본    */ /* background: url('/static/open_images/main/btn_view1.png') repeat; height: 31px; padding: 15px 10px 0 20px; display: inline-block; color: #FFFFFF; font-size: 15px; font-weight: 600; */
	/* default */ height: 31px; display: none; color: #FFFFFF; font-size: 15px; font-weight: 600;
	/* 12월    */ /* height: 31px; display: none; color: #FFFFFF; font-size: 15px; font-weight: 600; */
	/*  1월    */ /* height: 31px; display: none; color: #FFFFFF; font-size: 15px; font-weight: 600; */
}
.slider-body .btn2 { position: relative; top:130px; text-align:center;
}
.slider-body .btn2 a{ background: url('/static/open_images/main/btn_view2.png') no-repeat 100% 0; height: 46px; padding-right: 17px; display: inline-block;
}
.slider-body .btn2 a em {background: url('/static/open_images/main/btn_view1.png') repeat; height: 31px; padding: 15px 10px 0 20px; display: inline-block; color: #FFFFFF; font-size: 15px; font-weight: 600;
}
/* 웹접근성 처리 : 백그라운드 이미지에 alt 추가할 수 없어 히든 span으로 처리하기 위한 스타일 정의 -2017.11.17 이근형 */
.slider-body .spanir {display:block;position:relative;z-index:-1;
}
/* 메인배너 */
.banner_wrap { width: 380px; height: 186px;  margin:0 auto; background: url('/static/open_images/main/issue-banner01.jpg') no-repeat;
}
/*2018.01.03 left:248px -> 224px 수정*/
.banner_wrap .image-btn {position: absolute; top:445px; left:224px; 
}
.banner_wrap .image-btn ul { 
}
.banner_wrap .image-btn ul li { float: left;width: 10px;height: 10px;  text-align: center; vertical-align: middle; margin-right:3px;
}

/****************************** 메인 right 레이아웃 ******************************/

/* 바로납부탭 */
.payment_area { margin-top: 10px; float:left; width:550px; position:relative;
}
.payment_area h2{  margin-top:0px; margin-bottom:9px; 
}
.payment_quick { float: left;width: 428px; margin-top: 0px;
}
.payment_tap { width:428px; height:51px; position:relative;
}
.payment_tap ul { height:51px;margin: 0; padding: 0;
}
.payment_tap ul li { float: left; width: 142px; height:51px;background:#cddce4; line-height:50px; text-align: center; font-size: 1.3em;
}
.payment_tap ul li.line { width:1px;background:#c1cfd7;
}
.payment_tap ul li a {  width:123px;color:#4f5d73; 
}
.payment_tap ul li.on {  margin-left: 0px; background:#e8eef2; 
}
.payment_tap ul li.on a { color:#2d82be; font-weight:bold;
}
/* 바로납부리스트 */
.payment_tap_list { margin: 0 auto; width:428px; height: 151px; background:#e8eef2; 
}
/* 전자납부번호 */
.electonicpay { padding:45px 20px 15px 20px; margin-top: 0px; text-align: left; position: relative; width:390px; height: 90px;font-size: 13px; color: #323232;
}
.electonicpay .p1 { line-height:25px; margin-bottom:5px; font-size:14px;
}
.electonicpay span { font-weight:bold; font-size: 15px;
}
.electonicpay input{ width:290px; margin:0; font-size:14px; border:2px solid #2d82be; vertical-align:middle;outline:0; height:26px;line-height:29px;padding:0 10px
}

/* 납세번호 */
.taxpaynumber { padding:15px 20px 5px 20px; margin-top: 0px; text-align: left; position: relative; width:390px; height: 130px;font-size: 13px; color: #323232;
}
.taxpaynumber input{ width:80px; margin:0; font-size:12px;border:2px solid #2d82be; vertical-align:middle;outline:0; height:26px;line-height:29px;padding:0 10px
}
.taxpaynumber table	{ margin-top:0px; margin-bottom:5px; border-collapse:separate;  border-spacing:2px;
}
.taxpaynumber th	{ padding:0 5px; color:#323232; width:174px; height:26px; font-weight:bold; 
}
.taxpaynumber td	{ padding:5px 5px 5px 2px;vertical-align: middle;
}
.taxpaynumber td.btn	{ padding:5px 5px 5px 2px;vertical-align: middle; text-align:center;
}

/* 상금수도요금 */
.waterpay  { padding:35px 20px 15px 20px; margin-top: 0px; text-align: left; position: relative; width:390px; height: 100px;font-size: 1.2em; color: #323232;
}
.waterpay span { font-weight:bold; padding-right:10px;
}
/* 웹접근성 처리 : 해당 개체로 포커스 이동시 윤곽선 안보이는 오류 수정 -2017.11.02 이근형 */
.waterpay input{ margin:0px; font-size:12px;border:2px solid #2d82be; vertical-align:middle;outline:1px; height:26px;line-height:29px;padding:0 10px;
}
.checkBox{ width:18px; height:18px; vertical-align:middle; border: 0;
}
.waterpay .checkBox { border: 0; }
/* 웹접근성 처리 : 해당 개체로 포커스 이동시 윤곽선 안보이는 오류 수정 -2017.11.02 이근형 */
.select	{margin:0px; font-size:12px;border:solid 1px #2d82be; vertical-align:middle;outline:1px;
}
.select.small	{height:30px;line-height:24px;padding:0;
}
.w100{width:100px;}
.w185{width:185px;}

/* 조회납부*/
.payment_check_area { float: left; width: 112px; margin-top: 0px; margin-left: 8px; height:226px;}
.payment_check_area .pop_regnum {display:none; position:absolute; top:100px; left:180px; width:244px; height:135px; border:5px solid #3b8ac2; background:#fff; text-align:left; padding-left:10px;}
.payment_check_area .pop_regnum p {padding:30px 0 12px; color:#24699a; font-weight:bold;}
.payment_check_area .pop_regnum .txt {width:85px; height:12px; padding:3px 5px 2px; border:1px solid #bbc6c9; color:#191919; vertical-align:middle;}
.payment_check_area .pop_regnum .btn {display:block; width:51px; height:20px; margin:15px auto 0; background:#3b8ac2;}
.payment_check_area .pop_regnum .btn span {display:block; padding-top:2px; color:#fff; font-size:11px; font-weight:bold;}
.payment_check_area .pop_regnum .cls {position:absolute; top:4px; right:5px; width:17px; height:17px; background:url('/static/open_images/main/btn_pop_close.gif') no-repeat; text-indent:-1000em; overflow:hidden;}


.checklist { width:112px; height:202px; background:#deeef6; border: 0px solid #000;
}

/* 빠른메뉴 */
.quick_pay_area { width:550px; height:187px; float:left;  position: relative;margin-top: 10px; border-bottom:1px solid #d9d9d9;
}
.quick_pay_area .detbox {float: left;width: 105px;padding: 5px 5px 0 0; 
}
.quick_pay_area .tit {text-align: center; font-size: 1em;color: #202020; margin-bottom: 15px; 
}
.quick_pay_area .tit a,a:link { color: #202020; text-decoration: none;
}
.quick_pay_area .tit a:visited { color: #202020;text-decoration: none;
}
.quick_pay_area .tit a:hover { color: #1487d7; text-decoration: none;
}
.quick_pay_area .tit a:focus { color: #1487d7;text-decoration: none;
}
.quick_pay_area .tit a:active { color: #1487d7;text-decoration: none;
}
/* 공지사항*/
.m_notice_area { width:550px; height:186px; float:left; position: relative; overflow:hidden; border-bottom:1px solid #d9d9d9;
}
.m_notice { float:left; margin-top: 10px; 
}
.m_notice h3 { float:left; margin: 6px 0 14px 13px; 
}
.m_notice span { float:right; vertical-align: middle;
}
.m_notice .data-list	{ float:left; width:550px; margin-top:0px;padding: 0;
}
.m_notice .data-list li {color: #202020; float:left; height:27px; line-height:29px; padding: 0 10px 0 0; width:535px; background: url('/static/open_images/main/ico_3X3_d.png')no-repeat 0px 12px;padding-left:15px
}
.m_notice a,a:link { color: #202020; text-decoration: none;
}
.m_notice a:visited {	color: #202020;text-decoration: none;
}
.m_notice a:hover { color: #1487d7; text-decoration: none;
}
.m_notice a:focus { color: #1487d7;text-decoration: none;
}
.m_notice a:active { color: #1487d7;text-decoration: none;
}
.m_notice .data-list li .title	{float:left; max-width:440px; margin: 0 10px 0 0; height:29px; line-height:29px; font-size: 13px;
}
.m_notice .data-list li .date {float:right; color:#9a9a9a; height:29px; line-height:29px; font-size: 13px;
}