.bg-main-img {
    background-image: url('../images/common/main_bg_bridge.jpg');
    background-size: cover;
   }
.bg-main-img::before {
        content: "";
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #fff;
    }

/* input=number 타입의 버튼 삭제*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.collapse-guide{
    font-size:0.8rem!important;
}

/* password 미지원 폰트 대비*/
input[type=number] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
input[type=password]{color: #000000!important; font-family: "굴림"}

.number-security{
    -webkit-text-security:disc;
}

.pointer {
    cursor: pointer;
}

/* skip navigation */
.skip_navigation {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.skip_navigation dt {
    height: 0;
    overflow: hidden;
}

.smartbill {
    font-size: 100% !important;
}

.bg-danger {
    background-color: #f86261 !important;
}

.bg-info {
    background-color: #3584E3 !important;
}

.skip_navigation a {
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    background: rgba(138, 27, 4, 0.75);
    color: #fff;
    text-align: center;
    padding: 16px;
    z-index: 999;
    opacity: 0;
    transform: translate(0, -60px);
    transition: opacity .25s ease-out, transform .25s ease-out;
}

.skip_navigation a:focus {
    opacity: 1;
    transform: translate(0, 0);
}

.global_navigation {
    height: 40px;
    /* background-color: #0c9395; */
}

.global_navigation .wrap {
    position: relative;
}

.global_link {
    float: right;
}

.global_link a,
.global_link span {
    margin: 0;
    padding: 0 11px;
    border: none;
    color: #fff;
    font-size: 0.9rem;
    line-height: 40px;
    vertical-align: middle;
}

.b-b {
    border-bottom: 1px solid #e6e7e9;
}

.b-t {
    border-top: 1px solid #e6e7e9;
}

.b-r {
    border-right: 1px solid #e6e7e9;
}

.b-r {
    border-left: 1px solid #e6e7e9;
}

.b-y {
    border-top: 1px solid #e6e7e9;
    border-bottom: 1px solid #e6e7e9;
}

.b-x {
    border-right: 1px solid #e6e7e9;
    border-left: 1px solid #e6e7e9;
}

.dropdown-menu a:hover {
    background-color: #ddd;
}

.dropdown-menu {
    margin: 0;
}

.nav-link {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.09rem;
}

.margin-top100 {
    margin-top: 100px;
}

.inputedSuyNo {
    font-weight: bold;
    letter-spacing: 0.25rem;
    font-size: 1.25rem;
    color: #59287a;
}


.inputedSuyNo-tab {
    border: 1px solid white;
    color: white;
}


/* 전화번호 에만 사용 합니다.  */
.link-callable { cursor: pointer; }

#tab-1,
#tab-2, #tab-3 { color: #777; }
#tab-1,
#tab-2, #tab-3 { border: 1px solid #acbbd9; }

.navbar-dark .navbar-nav .nav-link {
    color: navy;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color:#285ed9!important; }

.navbar-bg-onscroll.fixed-top {
    background-color: #fff;
    transition: all .3s ease-out;
    box-shadow:0 0 10px #888;
}

.links:hover {
    cursor: pointer;
}

.links>div:hover {
    background-color: #ddd;
}

.text-bold {
    font-weight: bold;
}

.logo-width {
    width: 150px;
}

.info-modal>.list-group>.list-group-item,
#contents-1>.list-group>.list-group-item,
#contents-2>.list-group>.list-group-item,
#contents-3>.list-group>.list-group-item,
#contents-4>.list-group>.list-group-item {
    border: 0px solid #e6e7e9;
    margin-bottom: 0px;
    border-bottom: 1px solid #e6e7e9;
}

.section-title-block {
    position: relative;
    padding-top: 6.25rem;
    background-repeat: no-repeat;
    background-size: cover;
}


/*override*/

.u-promo-block {
    min-height: initial;
}

.u-ver-center {
    position: initial;
    top: 0%;
    transform: translate3d(0, 0%, 0);
}

.u-icon-block__col {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.m_hr {
    display: none;
}

.bill-list-gruop>.list-group-item:first-child {
    border-radius: 0;
}

.bill-list-gruop>.list-group-item {
    border: none;
}

.bill-list-gruop {
    border-bottom: 1px solid #e6e7e9;
}

.bill-card>.card-header {
    border-bottom: none !important;
}

.bill-card>.card-footer {
    border-top: none !important;
}

.bb-dashed {
    border-bottom: 1px dashed #e6e7e9;
}



/* main popup */

.popup-overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	overflow-x: hidden;
	transition: 0s;
}

.popup-overlay-content {
	position: relative;
	/* top: 25%; */
	width: 100%;
	text-align: center;
	margin-top: 61px;
}

.popup-overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #ffffff;
	display: block;
	transition: 0s;
}

.popup-overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}

.popup-overlay .closebtn {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	font-size: 1.5rem;
}

@media screen and (max-height: 450px) {
	.popup-overlay a {
		font-size: 20px
	}
	.popup-overlay .closeBtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}

.btn-fixed-bottom {
	display: none;
	position: fixed;
	bottom: 0px;
	z-index: 99;
	border: none;
	outline: none;
	/* background-color: red; */
	color: white;
	cursor: pointer;
	padding: 1rem 1.2rem;
}

.btn-fixed-bottom:hover {
	/* background-color: #555; */
}

.modal {
	background-color: rgba(0, 0, 0, 0.7);
}

/* 수정 및 추가 */
.tit-main {margin-top: auto;}
.text-navy {color: #1c449c!important;} 
.bg-bgbase {background-color: rgba(196,230,255,0.9)!important;}
.bg-dodgerblue {background-color: dodgerblue!important;}
.bg-navy {background-color:#1c449c!important;}
.bg-navy10 {background-color:#e2efff!important;}
.bg-darkgreen {background-color:#2d5763!important;}
.bg-888 {background-color:#888!important;}
.bg-lightgray {background-color:#f9f9f9!important;}
.navbar-toggler {color: navy!important; border-color: navy!important;background-color: rgba(28 , 68, 156, 0.3)!important;}
.nav-pills .active.nav-link, .nav-pills .show > .nav-link {background-color: #1c449c!important; color: white!important;}
.navbar-light .navbar-nav .nav-link {color: navy!important;}
.nav-pills .guide-tab .nav-link { border: 1px solid #ddd!important;}
.btn-primary {background-color: #007bff!important; border-color: #007bff!important;}
.btn-black70 {background-color: #555!important; color: #fff!important;}
.u-icon-navy {background-color:#1c449c!important;border-color:#1c449c!important; }
.bd-r1-black20 {border-right:solid 1px #e6e7e9!important;}
.ls-15 {letter-spacing: -0.09rem!important;}
.lh120 {line-height: 120%!important;} /* 누수안내  이미지 */
.text-changecolor {color: #1c449c!important;}
.img-nusu {text-align: left;} /* 누수안내  이미지 */
.h5-6 {font-size: 1.125rem!important;}