@charset "UTF-8";
@import "mtable.css";
@import "base.css";
@import "font.css";
@import "layout.css";
@import "mmargin.css";
@import "m_sub_style.css";
@import "mybtn.css";
@import "add.css";
@import "m_sms.css";
@import "error.css";

/************ 반응형 test style **********/
/* * {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
   
}
html {
    font-family: "Lucida Sans", sans-serif;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
    background-color: #9933cc;
    color: #ffffff;
    
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;clear: both;
}
.menu li {
    
    background-color :#33b5e5;
    color: #ffffff;clear: both;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;clear: both;
}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    
    text-align: center;
    clear:both;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


For mobile phones:
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    For tablets:
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    For desktop:
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}

body {
    background-color: lightgreen;
    background: url(/waterpay/images/common/intro_img_bg.png) repeat center;
}

@media only screen and (orientation: landscape) {
    body {
        background-color: lightblue;
    }
}

img {
     max-width: 100%;
    height: auto;

} */

/************ 반응형 test style **********/

/************ all style **********/
.check01 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#008bc2;}
.check02 {width:20px;height:20px;border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;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:#f6f6f8;background:#4e9eb3;}
.check08 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f4f4f4;background:#f4f4f4;}
.check09 {position:relative;border:none;border-width: 0px 0px 0px 0px;clear:both;left:-5px;top:0px;color:#f6f6f8;background:#ffffff;}
.check10 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#e9f6f4;}
.check11 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#ffffff;}
.select01 {width:80px;height:20px; font-size:12px;}
.select02 {width:53px;height:15px; font-size:12px;}
.select03 {width:53px;height:15px; font-size:12px;}
.select04 {width:40px;height:15px; font-size:12px;}
.select05 {width:25px;height:15px; font-size:12px;}
.select06 {width:140px;height:20px; font-size:12px;}
.select07 {width:50px;height:20px; font-size:12px;}
.select08 {width:100px;height:20px; font-size:12px;}
.selectbox05{text-align:center; color:#726e6e;width:170px;height:23px; border:1px solid #c1c1c1;font-size:12px;padding:2px 0 3px 0;}
.textarea {position:relative;border:none;border-width: 0px 0px 0px 0px;clear:both;color:#000000;background:#ffffff;width:100% height:100%}

.kb_inp50{text-align:center; color:#726e6e;width:50px;height:15px; border:1px solid #c1c1c1;font-size:12px;padding:2px 0 3px 0;}
.kb_inp80{text-align:center; color:#726e6e;width:80px;height:15px; border:1px solid #c1c1c1;font-size:12px;padding:2px 0 3px 0;}
.kb_inp100{text-align:center; color:#726e6e;width:100px;height:15px; border:1px solid #c1c1c1;font-size:12px;padding:2px 0 3px 0;}
.kb_inp150{text-align:center; color:#726e6e;width:150px;height:15px; border:1px solid #c1c1c1;font-size:12px;padding:2px 0 3px 0;}
.kb_inp200{text-align:center; color:#726e6e;width:200px;height:15px; border:1px solid #c1c1c1;font-size:12px;padding:2px 0 3px 0;}



/* 링크관련 */
a:link       {text-decoration: none; color:#000;}
a:active   {text-decoration: none; color:#000;}
a:visited   {text-decoration: none; color:#000;}
a:hover    {text-decoration:  none; color:#000;}

a:link.type1     {text-decoration: none; color:#ffffff;}
a:active.type1   {text-decoration: none; color:#ffffff;}
a:visited.type1  {text-decoration: none; color:#ffffff;}
a:hover.type1    {text-decoration:  none; color:#ffffff;}

a:link.type2     {text-decoration: none; color:#008a7b;}
a:active.type2   {text-decoration: none; color:#008a7b;}
a:visited.type2  {text-decoration: none; color:#008a7b;}
a:hover.type2    {text-decoration:  none; color:#008a7b;}

a:link.type3     {text-decoration: none; color:#888;}
a:active.type3   {text-decoration: none; color:#888;}
a:visited.type3  {text-decoration: none; color:#888;}
a:hover.type3    {text-decoration:  none; color:#888;}

a:link.type4     {text-decoration: none; color:#f79434;}
a:active.type4   {text-decoration: none; color:#f79434;}
a:visited.type4  {text-decoration: none; color:#f79434;}
a:hover.type4    {text-decoration:  none; color:#f79434;}

/* 기본클래스 */
.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;}
.vb	{vertical-align:bottom !important;}
.liChk {font-size:0px;line-height:0px;}
.centered {position: fixed;left:0px;}
/* .centered {display:table;margin-left:auto;margin-right:auto;} */ 

.select01 {width:80px;font:10pt dotum, "돋움", gulim, "굴림", sans-serif;}
.underline {border-bottom:#e1e1e1 1px solid;}
.pabs {position:absolute !important;}
.prel {position:relative !important;}

.overf {position:relative;overflow:hidden;}

.tdr_rd {border:solid #d1d1d1;border-width: 1px 1px 1px 1px;font-weight:600;font-size:15px;text-align:center;background:#fff;height:35px;padding:5px 10px 5px 10px;}
/* 밑줄과 폰트의 색상 다르게 */
.line_bt {
	text-decoration: underline;
}
.line_bt_underline { color: #fbd6db;} 
.line_bt_font { color: #fe6782;}
/* 밑줄과 폰트의 색상 다르게 */

.size5{ font-size: 5px; }
.size6{ font-size: 6px; }
.size7{ font-size: 7px; }
.size8{ font-size: 8px; }
.size9{ font-size: 9px; }
.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size15{ font-size: 15px; }
.size16{ font-size: 16px; }
.size17{ font-size: 17px; }
.size18{ font-size: 18px; }
.size19{ font-size: 19px; }
.size20{ font-size: 20px; }
.size21{ font-size: 21px; }
.size22{ font-size: 22px; }
.size23{ font-size: 23px; }
.size24{ font-size: 24px; }
.size25{ font-size: 25px; }
.size26{ font-size: 26px; }
.size27{ font-size: 27px; }
.size28{ font-size: 28px; }
.size29{ font-size: 29px; }
.size30{ font-size: 30px; }
.size31{ font-size: 31px; }
.size32{ font-size: 32px; }
.size33{ font-size: 33px; }
.size34{ font-size: 34px; }
.size35{ font-size: 35px; }
.size36{ font-size: 36px; }
.size40{ font-size: 40px; }
.size48{ font-size: 48px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }

.fnt_bold{font-weight:bold;}
.fnt_lighter{font-weight:lighter;}
.fnt_bold300{font-weight:300;}
.fnt_bold400{font-weight:400;}
.fnt_bold500{font-weight:500;}
.fnt_bold600{font-weight:600;}
.fnt_bold700{font-weight:700;}
.fnt_bold800{font-weight:800;}
.fnt_bold900{font-weight:900;}

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


.input02{text-align:center; color:#726e6e;width:80px;height:15px; border:1px solid #c1c1c1;font-size:12px;padding:2px 0 3px 0;}


.s_login_top {
	/* 
	max-width: 638px;
	margin:0 auto;
	position:relative;
	width:100%;
	height:39px;
    background: url(/waterpay/images/common/top_right_bg.png) no-repeat right;
    overflow:hidden;
     */
     
	width: 98%;
	margin:0 auto;
	position:relative;
	width:100%;
	height:39px;
    overflow:hidden;
    background: #1C6EA4;
		background: -moz-linear-gradient(-45deg, #1C6EA4 0%, #17B406 79%, #F7C932 100%);
		background: -webkit-linear-gradient(-45deg, #1C6EA4 0%, #17B406 79%, #F7C932 100%);
		background: linear-gradient(135deg, #1C6EA4 0%, #17B406 79%, #F7C932 100%);
	box-shadow:0 2px 1px #666;
}

.s_login_top span {
	position:relative;
	top:10px;
}

/* 고양 모바일 레이아웃  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.stophead_logo  {
	float:right;
	/* padding:2px 20px; */
    
}

.stophead_login  {
	float:right;
	margin-right:125px;
	/* padding:2px 20px; */
    
}
/* 로고 */
.tophead_logo  {
	position:relative;
	margin:0 auto;
	/* width:168px; */
	width:100%; 
	padding:5px 0;
	height:72px; 
}

/* 로고 */
.main_intro img  {
	/* width:100%;  */
	margin:0 auto;
}

/* intro_icon_text */
.main_intro_text01  {
	z-index:1010;
	clear:both;
	max-width: 780px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%; /* 이미지의 최대사이즈 */
    width /***/: auto; /* IE8 */
    height:750px;
    vertical-align: bottom;
    overflow:hidden;
	
}



/* intro_icon */
.main_intro_icon  {
	position:relative;
	max-width: 638px;
	margin:0 auto;
	clear:both;
	/* position: absolute;
    top: 74%;
    left: 50%;
    margin-top: -51px;
    margin-left: -195px;    
    width: 420px;
    height: 105px; */
    
	
}

.main_intro_icon img  {
	text-align: center;
	display:inline;
}


.main_intro_common{
    display:inline-table;
    margin:0 auto;
	text-align: center;
    
}

.main_intro_content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.main_1 { width:163px;height:163px;background: url() no-repeat center;}
.main_2 { width:163px;height:163px;margin-left:10px;background: url() no-repeat center;}
.main_3 { width:163px;height:163px;margin-left:10px;background: url() no-repeat center;}

.txt01{
    position:relative;
    top:0px;
    cursor: pointer;
}

.txt02{
    position:relative;
    top:0px;
    cursor: pointer;
}



.smart_sms_t_m_img {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%; /* 이미지의 최대사이즈 */
    width /***/: auto; /* IE8 */
    height:260px;
    vertical-align: bottom;
    overflow:hidden;
    background: url(/waterpay/images/smartsms/mb_m_smart_img.png) no-repeat 0 0;
}

.smart_zone {
    position:relative;
	width:99%;
	height:260px;
	background:#fff;
	border:solid #ccc;
	border-width: 1px 1px 1px 1px;
	margin:10px 0 10px 0;
	background:url(/waterpay/images/smartsms/mb_m_smart_img.png) no-repeat 0 0;
	overflow:hidden;
}

img {
     max-width: 100%;
    height: auto;

}



/* 모바일 - 스마트문자고지 신청****************************************************************************************************/ 
/* 수용가조회 */
.mb_sudopay_zone {
	position:relative;
	width:100%;
	height:100%; 
	
	border:solid #ccc;
	border-width: 1px 1px 1px 1px;
	margin:10px 0 0px 0;
	padding:15px 0 15px 0;
	overflow:hidden;
	background:url(/waterpay/images/common/mb_m_main_sudopay_bg.png) repeat 0 0;
	
}

.mb_sudopay_zone .sudopay_syg{
	position:relative;
	height:100%; 
	overflow:hidden;
	/* left:35px; */
	top:0px;
}

.mb_sudopay_zone_text {
	position:relative;
	width:638px;

	margin: 0 auto;
	overflow:hidden;
}
/* 스마트문자고지 신청 동의 화면 - 고객정보01 */
.mb_sudopay_zone_dong {
	position:relative;
	width:99%;
	height:150px;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow:hidden;
}
.mb_sudopay_zone_dong .sudopay_syg_dong{
	position:absolute;
	clear:both;
	left:0px;
	top:15px;
}
.mb_sudopay_zone_dong .sudopay_grb_dong{
	position:absolute;
	clear:both;
	left:35px;
	top:145px;
}

/* 스마트문자고지 신청 동의 화면 - 고객정보02 */
.mb_sudopay_zone_dong_list {
	position:relative;
	width:99%;
	/* height:135px; */
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow:hidden;
}
.mb_sudopay_zone_dong_list .sudopay_syg_dong_list{
	position:absolute;
	clear:both;
	left:0px;
	top:15px;
}
.mb_sudopay_zone_dong_list .sudopay_grb_dong_list{
	position:absolute;
	clear:both;
	left:35px;
	top:145px;
}

/* 스마트문자고지 신청 동의 화면 - 고객정보02 */
.mb_sudopay_zone_dong_list2 {
	position:relative;
	width:99%;
	height:135px;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	
}
.mb_sudopay_zone_dong_list2 .sudopay_syg_dong_list2{
	position:absolute;
	clear:both;
	left:0px;
	top:15px;
}
.mb_sudopay_zone_dong_list2 .sudopay_grb_dong_list2{
	position:absolute;
	clear:both;
	left:35px;
	top:145px;
}

/* 스마트문자고지 신청 동의 화면 - 고지서 신청 타이틀 */
.mb_dong_goj_tit {
	position:relative;
	width:99%;
	height:20px;
	border:solid #ccc;
	border-width: 0px 0px 1px 0px;
	margin:0 0 10px 0;
	background:url() repeat 0 0;
	text-align:left;
	margin: 0 auto;
	overflow:hidden;
}

.mb_dong_goj_tit_s {
	position:relative;
	width:99%;
	height:20px;
	padding:10px 0 10px 0;
	background:url() repeat 0 0;
	text-align:left;
	margin: 0 auto;
	overflow:hidden;
}

/* 스마트문자고지 신청 동의 화면 - 동의 안내문 */
.mb_sudopay_zone_dong_mun {
	position:relative;
	width:99%;
	height:250px;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 1px 1px 1px 1px;
	margin:0 0 10px 0;
	background:#f7f7f7;
	margin: 0 auto;
	overflow:auto;
}

.mb_sudopay_zone_dong_mun li {
	text-algn:left;
	padding:5px 10px;
	line-height:150%;
	overflow:auto;
}

.box_agree {
	position:relative;
	width:99%;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 1px 1px 1px 1px;
	margin:0 0 10px 0;
	background:#f7f7f7;
	margin: 0 auto;
	overflow:auto;
}
.box_agree li {
	text-algn:left;
	padding:5px 10px;
	line-height:150%;
	overflow:auto;
}

.mb_dong_goj_tit_s_chk {
	position:relative;
	width:99%;
	height:20px;
	padding:10px 10px 20px 0;
	background:url() repeat 0 0;
	text-align:left;
	margin: 0 auto;
	overflow:hidden;
}

/* 스마트문자고지 신청 동의 화면 - 신청자 정보 및 인증번호 */
.mb_sudopay_zone_dong_inj {
	position:relative;
	width:99%;
	height:200px;
	background:#fff;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow:hidden;
}
.mb_sudopay_zone_dong_inj .sudopay_syg_dong_inj{
	/* position:absolute; */
	clear:both;
	left:0px;
}
.mb_sudopay_zone_dong_inj .sudopay_grb_dong_inj{
	/* position:absolute; */
	clear:both;
	left:35px;
	top:145px;
}

/* 단수안내알림 신청 동의 화면 - 신청자 정보 및 인증번호 */
.mb_sudopay_zone_dansu_dong_inj {
	position:relative;
	width:99%;
	height:185px;
	background:#fff;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow:hidden;
}
.mb_sudopay_zone_dansu_dong_inj .sudopay_syg_dansu_dong_inj{
	position:absolute;
	clear:both;
	left:0px;
	top:15px;
}
.mb_sudopay_zone_dansu_dong_inj .sudopay_grb_dansu_dong_inj{
	position:absolute;
	clear:both;
	left:35px;
	top:145px;
}


/* 휴대폰인증 - 버튼 */
.mb_sudopay_phone_zone_btn {
	position:relative;
	width:100%;
	background:#fff;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 0px 0;
	background:url() repeat 0 0;
	text-align:left;
	overflow:hidden;
}

/* 인증번호입력 - 버튼 */
.mb_sudopay_phone_inj_btn {
	position:relative;
	width:130px;
	background:#fff;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 50px 0;
	background:url() repeat 0 0;
	float:right;
	overflow:hidden;
}


/* 메인으로 바로가기 - 버튼 */
.mb_sudopay_phone_main_btn {
	position:relative;
	width:180px;
	background:#fff;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	padding:25px 0 25px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow:hidden;
}


/* 스마트문자고지 신청완료 */
.mb_sudopay_zone_comp {
	position:relative;
	width:99%;
	height:60px;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 0px 0px 1px 0px;
	margin:0 0 0x 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow:hidden;
}



/* 바로가기 - 버튼 */
.mb_sudopay_br_btn {
	
	width:100px;	
	height:23px;
	background:#fff;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 0 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	/* float:right; */
	overflow:hidden;
	clear:both;
}

/* 요금조회 - 수용가정보 */
.mb_sudopay_zone_suyong {
	position:relative;
	width:99%;
	height:375px;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow:hidden;
}
.mb_sudopay_zone_suyong .sudopay_syg_suyong_feemb{
	position:absolute;
	clear:both;
	left:0px;
	top:15px;
}
.mb_sudopay_zone_suyong .sudopay_grb_suyong_feemb{
	position:absolute;
	clear:both;
	left:35px;
	top:145px;
}


/* 요금조회 - 고객정보01 */
.mb_sudopay_zone_feemb {
	position:relative;
	width:99%;
	height:175px;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow:hidden;
}
.mb_sudopay_zone_feemb .sudopay_syg_dong_feemb{
	position:absolute;
	clear:both;
	left:0px;
	top:15px;
}
.mb_sudopay_zone_feemb .sudopay_grb_dong_feemb{
	position:absolute;
	clear:both;
	left:35px;
	top:145px;
}

/* 요금조회 - 고객정보 리스트 */
.mb_sudopay_zone_feemb_list {
	position:relative;
	width:99%;
	height:100%;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	padding:25px 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow: auto;
}
/* .mb_sudopay_zone_feemb_list .sudopay_syg_dong_feemb_list{
	position:absolute;
	clear:both;
	left:0px;
	top:15px;
}
.mb_sudopay_zone_feemb_list .sudopay_grb_dong_feemb_list{
	position:absolute;
	clear:both;
	left:35px;
	top:145px;
} */



/* 요금조회 - 고객정보02 */
.mb_sudopay_zone_feemb2 {
	position:relative;
	width:99%;
	height:250px;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	margin:0 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow:hidden;
}
.mb_sudopay_zone_feemb2 .sudopay_syg_dong_feemb2{
	position:absolute;
	clear:both;
	left:0px;
	top:15px;
}
.mb_sudopay_zone_feemb2 .sudopay_grb_dong_feemb2{
	position:absolute;
	clear:both;
	left:35px;
	top:145px;
}

/* 요금조회 - 고객정보 리스트 */
.mb_sudopay_zone_feemb_list2 {
	position:relative;
	width:99%;
	height:100%;
	background:#fff;
	clear:both;
	border:solid #ccc;
	border-width: 0px 0px 0px 0px;
	padding:0px 0 10px 0;
	background:url() repeat 0 0;
	margin: 0 auto;
	overflow: auto;
}


/* 동의 - 스마트문자고지 */
.jd_smartsms_info{position:relative;width:100%;height:100%;padding:20px 0 0px 0;overflow:hidden;}
.jd_sms_info_tdr{position:relative;width:100%;height:100%;padding:10px 0 10px 10px;border:1px solid #bbbbbb;background:#f7f7f7;line-height:165%;overflow:hidden;}


/* 페이 */
.mb_sudopay_zone_pay {
	position:relative;
	width:100%;
	height:100%; 
	margin:0 auto;
	margin:10px 0 0px 0;
	padding:15px auto;
	text-align:center;
	overflow:hidden;
	background:url() repeat 0 0;
	
}

.mb_sudopay_zone_pay .sudopay_syg_pay{
	position:relative;
	width:100%;
	height:100%; 
	margin:0 auto;
	overflow:hidden;
	/* left:35px; */
	top:0px;
}

.mb_sudopay_zone_text {
	position:relative;
	width:638px;

	margin: 0 auto;
	overflow:hidden;
}


/* 모바일 - 푸터****************************************************************************************************/ 

/* footer*/ 
.fbg{
	position:relative;
	width:100%;
	height:100px;
	background:#afc5e1;
	padding:10px 0 0 0;
	
}
.fbg .add_text{
	position:relative;
	top:10px;
}
.fbg .add_text_sub{
	position:relative;
	top:20px;
}
	



/* 관리자 리스트 페이징 */
#paging_div{position:relative;width:650px;margin: 0 auto;}
#paging_div .paging_align{
	clear: both;
    margin: 0 auto;
    /* padding-top: 16px; */
    font-size:12px;
    text-align: center;
    width: 600px;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:bold;}
.paging_align a:active{color:#0958A5;} 
.paging_align a:visited{color:#0958A5;}

/* 관리자 등록 페이지 */
.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;}
.reth1 {text-align:center;height:60px;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{width:150px; height:150px; position:absolute; top:225px; left:225px; z-index:999;}
.loading_page{width:150px; height:150px; position:absolute; top:225px; left:225px; z-index:999;}


/* 신용카드 자동납부 검색 창 */
.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:55px 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:22px;}
.admauto_div2 .autoSch_tb{position:relative;width:682px;height:100%;margin:0 auto;padding:50px 0 0 0;}

/* 박스 최대넓이 700px */
.w700ac { max-width:700px; margin:auto;text-align: center;}

#loading-overly {
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  text-align:center;
  display: none;
}