@charset "UTF-8";
@import "layout.css";
@import "gnb.css";
@import "base.css";
@import "margin.css";
@import "sub_style.css";
@import "font.css";
@import "table.css";
@import "cardstyle.css";
@import "jquery.selectbox.css";
@import "auto_flow_pay.css";
@import "mainSearch_syg.css";
@import "admin_seraching_form.css";
@import "admin_input_form.css";
@import "size.css";
@import "select.css";

/************ all style **********/
html {overflow-y:scroll;min-height:100%;height:100%;background:none;}


/* 폼관련 */
textarea {overflow:auto;font:10pt dotum, "돋움", gulim, "굴림", sans-serif;}
.textareawrite {width:520px;height:150px;text-align:left;padding:3px; color:#726e6e;border:1px solid #acacac;font:10pt dotum, "돋움", gulim, "굴림", sans-serif;}
.textareawrite2 {text-align:left;padding:3px; color:#726e6e;border:1px solid #acacac;font:10pt dotum, "돋움", gulim, "굴림", sans-serif;}
.textareawrite3 {width:580px;height:100px;text-align:left;padding:3px; color:#726e6e;border:1px solid #acacac;font:10pt dotum, "돋움", gulim, "굴림", sans-serif;}
select {font-size:11px;}
.select_mail {width:80px;font-size:11px;color:#000000;}
.check01 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#008bc2;}
.check02 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#707070;background:#ffffff;}
.check03 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#f6f6f8;}
.check04 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#eef7fc;}
.check05 {border:none;border-width: 0px 0px 0px 0px;clear:both;top:0px;right:5px;color:#f6f6f8;background:#f2f6fa;}
.check06 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#a2bac7;}
.check07 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#707070;background:#f4f4f4;}
.check08 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#707070;background:#f1f1f1;}
.select01 {width:80px;font-family:Tahoma; font-size:12px;}
.select02 {width:53px;font-family:Tahoma; font-size:12px;}
.select03 {width:80px;font-family:Tahoma; font-size:12px;}

/* 공통클래스 */
.fl		{float:left !important;}
.fr		{float:right !important;}
.cb	{clear:both !important;}
.ac	{text-align:center !important;}
.al		{text-align:left !important;}
.ar		{text-align:right !important;}
.vt		{vertical-align:top !important;}
.vm	{vertical-align:middle !important;}	/* 세로정렬하는 방법: 전체높이에서 컨텐츠 높이를 뺀 후 1/2한 값을 마진값으로 정함 */
.vb		{vertical-align:bottom !important;}
.cb {
        vertical-align: text-bottom;
        _vertical-align: middle;
        padding: 0 !important;
        margin: 0 !important;
}

.liChk {font-size:0px;line-height:0px;}
.strong{font-weight: 600;}
.hide{display:none;}
.hidden{display:none;}

label{vertical-align:-1px}
.input_chk{width:13px;height:18px;vertical-align:text-top}



/* 폰트효과 공통클래스 */
.text1{text-align:left;font-weight: 600; color:#377abf;}
.text2{text-align:left;font-weight: 600; color:#484747;}
.text3{text-align:left;font-weight: 600; color:#fff;}
.text4{text-align:left;font-weight: 600; color:#484747;}
.text5{font-size:12px;color:#484747;}
.text6{font-size:17px;color:#fff;font-weight: 600;}

.text_bg_arrow{background:url(/waterpay/images/text_arrow.gif) no-repeat;}

/* png24이미지 */
.png24 { tmp:expression(setPng24(this)); }

/* 컨텐츠적용  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/*탑 줄 라인 */
#globalmenu {
	Z-INDEX: 1; POSITION: absolute; TEXT-ALIGN: right; WIDTH: 100%; BACKGROUND: url() no-repeat;  TOP: 13px; RIGHT: 0px;
}
#globalmenu dt{
	POSITION: absolute; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; HEIGHT:10PX;PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 0px; VISIBILITY: hidden;
}
#globalmenu dd{	DISPLAY: inline;FLOAT:left;PADDING-RIGHT: 0px; MARGIN-TOP: 0px; VERTICAL-ALIGN:MIDDLE;}

#globalmenu .name{	position:absolute;FLOAT:RIGHT;left:20px;top:-3px;}
#globalmenu dd img{	top:0px; vertical-align: top;}

/*메인 이미지 및 텍스트 */
.mpmimg{position:relative;width:1000px;height:400px;margin:0 auto;top:0px;overflow:hidden;}
.mpmtxt01{position:absolute;left:48px;top:40px;}
.mpmtxt02{position:absolute;left:46px;top:80px;}

/*빠른 요금 조회 */
.mpmquick{position:absolute;width:400px;height:255px;left:35px;top:124px;overflow:hidden;}
.mpmquick .mpq_title01{position:relative;left:38px;top:34px;}
.mpmquick .mpq_check01{position:relative;left:18px;top:50px;}
.mpmquick .mpq_title02{position:relative;left:38px;top:12px;}
.mpmquick .mpq_check02{position:relative;left:18px;top:27px;}
.mpmquick .quickinp80{text-align:center; color:#726e6e;width:80px;height:15px; border:1px solid #acacac;font:12pt dotum, "돋움", gulim, "굴림", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp50{text-align:center; color:#726e6e;width:50px;height:15px; border:1px solid #acacac;font:12pt dotum, "돋움", gulim, "굴림", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp40{text-align:center; color:#726e6e;width:40px;height:15px; border:1px solid #acacac;font:12pt dotum, "돋움", gulim, "굴림", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp30{text-align:center; color:#726e6e;width:30px;height:15px; border:1px solid #acacac;font:12pt dotum, "돋움", gulim, "굴림", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp20{text-align:center; color:#726e6e;width:20px;height:15px; border:1px solid #acacac;font:12pt dotum, "돋움", gulim, "굴림", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp10{text-align:center; color:#726e6e;width:10px;height:15px; border:1px solid #acacac;font:12pt dotum, "돋움", gulim, "굴림", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp24{text-align:center; color:#726e6e;width:24px;height:21px; border:1px solid #acacac;font:14px dotum, "돋움", gulim, "굴림", sans-serif;line-height:165%;}
.mpmquick .quickinp39{text-align:center; color:#726e6e;width:39px;height:21px; border:1px solid #acacac;font:14px dotum, "돋움", gulim, "굴림", sans-serif;line-height:165%;}
.mpmquick .quickinp36{text-align:center; color:#726e6e;width:36px;height:21px; border:1px solid #acacac;font:14px dotum, "돋움", gulim, "굴림", sans-serif;line-height:165%;}
.mpmquick .quickinp18{text-align:center; color:#726e6e;width:18px;height:21px; border:1px solid #acacac;font:14px dotum, "돋움", gulim, "굴림", sans-serif;line-height:165%;}
.mpmquick .quickinp350{text-align:center; color:#726e6e;width:350px;height:21px; border:1px solid #acacac;font:14px dotum, "돋움", gulim, "굴림", sans-serif;line-height:165%;}
.mpmquick .quickinp300{text-align:center; color:#726e6e;width:325px;height:21px; border:1px solid #acacac;font:14px dotum, "돋움", gulim, "굴림", sans-serif;line-height:165%;}
.mpmquick .quickbar01{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar02{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar03{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar04{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar05{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar06{position:relative;left:4px;top:-6px;}
.mpmquick .ht1{position:relative;height:1px;}

/* 퀵서비스 */
.quickservice{position:relative;width:1000px;height:114px;top:7px;padding:0 0 36px 0;margin:0 auto;background:url(/waterpay/images/common/service_bg.gif)  no-repeat 0 0;}
.quickservice .qsvtitle{position:relative;z-index:1;left:31px;top:34px;}
.quickservice .qsv_icon01{position:relative;z-index:1;left:215px;top:-45px;}
.quickservice .qsv_icon02{position:relative;z-index:1;left:252px;top:-45px;}
.quickservice .qsv_icon03{position:relative;z-index:1;left:290px;top:-45px;}
.quickservice .qsv_icon04{position:relative;z-index:1;left:330px;top:-45px;}
.quickservice .qsv_icon05{position:relative;z-index:1;left:375px;top:-45px;}
.quickservice .qsv_icon06{position:relative;z-index:1;left:422px;top:-45px;}
.quickservice .qsv_icon07{position:relative;z-index:1;left:475px;top:-45px;}
.quickservice .qsviconimg{position:absolute;width:1000px;float:left;left:10px;top:19px;}
.quickservice .qsviconimg .iconimg{position:absolute;width:77px;height:70px;float:left;left:35px;border:1px solid #e605a4;}
.quickservice .qsviconimg .qsvbar{position:relative;width:1px;height:106px;top:-28px;}

/* 팝업 */
/* .mp_pop{position:absolute;width:433px;height:153px;float:left;padding:0 0 0 0;overflow:hidden;border:1px solid #e605a4;}
.mp_pop .mppoparrow{position:relative;float:right;padding:0 5px 0 0;top:-18px;left:340px}
.mp_pop .mppopplay {position:relative;float:right;padding:0 0 0 0;top:-20px;right:0px;} */

.mp_pop{position:relative;width:433px;height:184px;float:left;left:50px;}
.mp_pop ul li {position:absolute;float:left;padding:0px 0px 0 0px;}
.mp_pop .mppoparrow{position:relative;float:left;left:375px;top:11px;}
.mp_pop .mppopplay{position:relative;float:left;left:290px;top:10px;}
.mp_pop .mppoptitle{position:relative;float:left;padding:0 0 0 0;top:10px;}


/* 공지 글 */
.recruitTab {position:relative;width:420px;height:150px;float:right;right:50px;overflow:hidden;}
.recruitTab .rectit{position:relative;float:left;top:10px;left:0px;}
.recruitTab li {float:left;}
.recruitTab .Rbg {position:absolute; top:6px; left:146px;}
.recruitTab .tti {position:absolute; top:6px; left:24px;}

.recruitTab .recruitList {position:absolute;float:left;width:420px;top:35px;}
.recruitTab .recruitList td {border-bottom:#fff 1px solid;padding:6px 0px 6px 3px; text-align:left;letter-spacing:0.2px;} 
.recruitTab .recruitList .n {padding:5px 0px 5px 3px; text-align:left;color:#828387;font:10pt dotum, "돋움", gulim, "굴림", sans-serif;letter-spacing:-1pt;}
.recruitTab .recruitList .n2 {vertical-align: 3px;}

/* 수도민원실, 콜센터, 보안프로그램 */
.sucallbo{position:relative;clear:both;width:1000px;height:140px;top:39px;margin:0 auto;overflow:hidden;}


/* footer 메뉴 2011 11 16*/ 
	#fbg{position:relative;background:url(/waterpay/images/common/mp_main_boottom_linebg.gif) repeat-x 0 20px;height:123px;padding:20px 0 0 0;}
	#footer{position:relative;clear:both;margin:0 auto;width:1000px;height:102px;}

	#footer .bottom{position:relative;margin:0 auto;width:1000px;height:150px;margin:5px 0 0 0;overflow:hidden;text-align:right;}
	#footer .bottom ul li{display:inline;font:11pt dotum, "돋움", gulim, "굴림", sans-serif;color:#000;font-weight: 600;line-height:140%;}
		
	#footer .bottom .logo{float:left;padding:55px 0 0 13px;}
	#footer .bottom .imgtxt01{position:relative;float:left;width:114px;height:22px;padding:0 0 0 22px;z-index:3000;}
	
	#footer .bottom .address{position:absolute;float:left;left:0px;font-size:12px;padding:45px 0 0 235px;z-index:1;}
	#footer .bottom .address02{position:absolute;float:left;left:0px;font-size:12px;padding:65px 0 0 235px;}
	#footer .bottom .copy{position:absolute;float:left;left:0px;font-size:12px;padding:85px 0 0 235px;}
	
	#footer .bottom .visit{position:absolute;width:126px;height:93px;right:10px;top:25px;background:url(/waterpay/images/common/copy_visit_bg.gif) no-repeat 0 7px;}
	#footer .bottom .visit li{text-align:left;float:left;top:50px;width:126px;height:63px;}
	#footer .bottom .visit li .numtb{left:0px;top:20px;font:10pt dotum, "돋움", gulim, "굴림", sans-serif;font-weight: 600; color:#1a5e98;}
	
	
	#footer .bottom .text1{position:absolute;top:17px;left:721px;width:340px;}
	#footer .bottom .text1 ul li{float:right;display:inline;font:11pt dotum, "돋움", gulim, "굴림", sans-serif;color:#1a5e98;font-weight: 600;line-height:140%;padding:0 83px 0 0;}

	#footer .bottom .text2{position:absolute;top:34px;left:577px;width:430px;} 
	#footer .bottom .text2 ul li{float:left;display:inline;font:11pt dotum, "돋움", gulim, "굴림", sans-serif;color:#000;font-weight: 600;line-height:140%;padding:0 8px 0 0;}

/* 신용카드 자동납부 검색 창 */
.admauto_div {position:relative;width:740px;height:68px;margin:25px 0 0 0;background:url(/waterpay/images/admin/sunap/yo_so_searchbg5.gif) no-repeat 0 0px;overflow:hidden;}
.admauto_div3 {position:relative;width:740px;height:100px;margin:25px 0 0 0;background:url(/waterpay/images/admin/sunap/yo_so_searchbg8.gif) no-repeat 0 0px;overflow:hidden;}

/* 신용카드 자료생성 검색 창 */
.admauto_div2 {position:relative;width:740px;height:120px;margin:25px 0 0 0;background:url(/waterpay/images/admin/sunap/yo_so_searchbg3.gif) no-repeat 0 0px;overflow:hidden;}
.admauto_div2 .autotit{position:relative;left:50px;top:21px;}
.admauto_div2 .autoSch_tb{position:relative;width:682px;height:100%;margin:0 auto;padding:50px 0 0 0;}

/* 관리자 리스트 페이징 */
#paging_div{clear:both;position:relative;width:100%;}
#paging_div .paging_align{
	clear: both;
    margin: 0 auto;
    padding-top: 16px;
    text-align: center;
    width: 100%;border-bottom: none;}
    
#paging_div .paging_align_td{border-bottom: none;}
.paging_align .first{border:medium none;padding:0px;}
.paging_align li{display:inline;border-right:1px solid #dddddd;padding-left:3px;padding-right:10px; vertical-align:middle;}
.paging_align li a{color:#666666;}
.paging_align li a:hover{color:#0958A5;font-weight: 600;}
.paging_align a:active{color:#0958A5;} 
.paging_align a:visited{color:#0958A5;}
/* 관리자 페이지 CSS */
.vsth {text-align:center;height:30px;font-size:12px;color:#3d8edc;border:solid #1e9fd2;border-width: 1px 0 1px 0;}
.vstd {text-align:center;border:solid #d5d5d5;border-width: 0px 0 1px 0;height:30px;font:ExtraBold, "나눔고딕", sans-serif;font-size:12px;padding-left: 5px;}
.vstd2 {text-align:left;border:solid #d5d5d5;border-width: 0px 0 1px 0;height:30px;font:ExtraBold, "나눔고딕", sans-serif;font-size:12px;padding-left: 5px;}
.reth {text-align:center;height:30px;font-size:12px;color:#FFFFFF;background-color:#4374D9;border:solid #FFFFFF;border-width: 0 0 1px 0;}
.reth2 {text-align:left; padding-left:10px;font-size:12px;color:#FFFFFF;background-color:#6799FF;border:solid #FFFFFF;border-width: 0 0 1px 0;}

.check_a01 {border:noce;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f6;background:#6799FF;}
.onover {background-color:#E4F7BA;}
.onout {background-color:#FFFFFF;}
.loading_pop{position: absolute;top: 10px; z-index: 999;}
.loading_page{position: absolute;top: 200px; z-index: 999;}

.admcinput80{border:1px solid #c1c1c1;text-align:center; color:#726e6e;width:80px;height:15px; font-size:12px;padding:3px 0 3px 3px;}
.admcinput100{border:1px solid #c1c1c1;text-align:center; color:#726e6e;width:100px;height:15px; font-size:12px;padding:3px 0 3px 3px;}
.admcinput120{border:1px solid #c1c1c1;text-align:center; color:#726e6e;width:120px;height:15px; font-size:12px;padding:3px 0 3px 3px;}
.admcinput150{border:1px solid #c1c1c1;text-align:center; color:#726e6e;width:150px;height:15px; font-size:12px;padding:3px 0 3px 3px;}
.admlinput150{border:1px solid #c1c1c1;text-align:left; color:#726e6e;width:150px;height:15px; font-size:12px;padding:3px 0 3px 3px;}
.admlinput200{border:1px solid #c1c1c1;text-align:left; color:#726e6e;width:200px;height:15px; font-size:12px;padding:3px 0 3px 3px;}
.admlinput300{border:1px solid #c1c1c1;text-align:left; color:#726e6e;width:300px;height:15px; font-size:12px;padding:3px 0 3px 3px;}

/* Border  */
.border-top-1 {border-top-width: 1px solid #e1e1e1 !important;}
.border-left-1 {border-left: 1px solid  #e1e1e1 !important;}

.arrow-01:before {content:"\276F"; color:rgba(14,97,252,0.4); vertical-align: -1px;}
.arrow-01:after {content:"\276F"; color:rgba(14,97,252,0.8);vertical-align: -1px;}

/* The End  */