.con-bg-gray{
	background:#f5f5f5;
	padding:4rem 0;
	word-break:keep-all;
}
@media (min-width: 992px) {
	.con-bg-gray{
		padding:6.5rem 0;
	}
}


/*------------------------------------
	인사말
------------------------------------*/
.about-wrap .about-text p{
	color:#333;
	word-break:keep-all;
	margin-bottom:1.5rem;
}
.about-wrap .about-text p.text-type01{
	font-size:1.5rem;
	line-height:1.35;
	color:#111;
	letter-spacing:-0.1rem;
	margin-bottom:2rem;
}
.about-wrap .about-text p.text-sign{
	text-align:right;
	margin:2rem 0 0; 
}
@media (min-width: 992px) {
	.about-wrap{
		padding-top:1rem;
	}
	.about-wrap .about-text{
		padding-left:8.5%;
	}
	.about-wrap .about-text p{
		font-size:1.1rem;
		margin-bottom:1.5rem;
		font-weight:300;
		line-height:1.9;
	}
	.about-wrap .about-text p.text-type01{
		font-size:2.1rem;
		letter-spacing:-0.125rem;
		margin-bottom:2.75rem;
	}
	.about-wrap .about-text p.text-sign{
		margin:3rem 0 0; 
	}
}


/*------------------------------------
	구성원
------------------------------------*/
.member-wrap .career-list{
	border-top:1px solid rgba(0, 0, 0, 0.1);
	padding:1rem 0;
}
.member-wrap .career-list li{
	color:#333;
	padding:0.25rem 0;
}
.member-type02  img{
	width:75%;
}

@media (min-width: 992px) {
	.member-wrap .career-list li{
		font-size:1.1rem;
		padding:0.35rem 0;
		font-weight:300;
	}
	.member-type02  img{
		width:auto;
	}
	.member-wrap  p{
		font-size:1.1rem;
		font-weight:300;
		line-height:1.6;
	}
	.member-type02  .left-area{
		padding-right:55px;
	}
	.member-type02  .right-area{
		padding-left:55px;
	}
}


/*------------------------------------
	찾아오시는길 
------------------------------------*/
.map-info ul li{
	padding-bottom:1.2rem; 
	padding-top:1rem;
	word-break:keep-all;
	border-top:1px solid #e5e5e5;
}
.map-info ul li .fas{
	margin:0 0.35rem 0 0;	
}

.map-area{
	width:100%;
	height:0;
	padding-top:55%;
	position:relative;
}
.map-area > div{
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
	border:0 !important;
	border-radius: 0 !important;
	padding:0 !important;
}
.map-area > div > div{
	border-radius: 0 !important;
}
.map-area > div > div.wrap_map{
	width:100% !important;
	height:calc(100% - 32px) !important;
	padding:0 !important;
}
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{
	top:1px;
}

@media (min-width: 992px) {
	.map-info{
		padding:0 0 3rem;
	}
	.map-info ul li{
		padding-top:0; 
		padding-bottom:0;
		border:none;
	}
	.map-info ul li .fas{
		display:block;
		font-size:2.5rem;
		background-color:#f0f0f0;
		border-radius:50%;
		width:110px;
		height:110px;
		line-height:110px;
		margin:0 auto 2rem;
	}
}


/*------------------------------------
	회생/ 파산
------------------------------------*/
.rescue-wrap .bg-wrap{
	word-break:keep-all;
}
.rescue-condition{
	margin-left:-7px;
	margin-right:-7px;
}
.rescue-condition li{
	padding-left:7px;
	padding-right:7px;
	margin-bottom:14px;
}
.rescue-condition li div{
	height:100%;
	background:#f8f8f8;
	border:1px solid #e8e8e8;
	border-radius:0.5rem;
	padding:1.5rem 0;
}
.rescue-condition li img{
	max-width:40%;
}
.rescue-condition li p{
	color:#333;
	font-weight:500;
	font-size:1.05rem;
	line-height:1.35;
	margin:1rem 0 0;
}

.rescue-merit{
	border-top:1px solid #ddd;
}
.rescue-merit li > div{
	border-bottom:1px solid #ddd;
	padding:1.25rem 0;
	font-size:1.05rem;
	color:#333;
}
.rescue-merit li .num-area{
	-ms-flex: 70px;
    flex: 0 0 70px;
    max-width: 70px;
}
.rescue-merit li .con-area{
	-ms-flex: calc(100% - 70px);
    flex: 0 0 calc(100% - 70px);
    max-width: calc(100% - 70px);
}
.rescue-merit li span.num{
	display:block;
	width: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    background: #a8acb2;
    border-radius: 50%;
}
@media (min-width: 992px) {
	.rescue-wrap .text-type01{
		font-size:1.35rem;
	}
	.rescue-condition li div{
		padding:3rem 0;
	}
	.rescue-condition li img{
		max-width:100%;
	}
	.rescue-condition li p{
		font-size:1.2rem;
		margin:1.55rem 0 0;
	}
	.rescue-merit li > div{
		font-size:1.2rem;
		padding:1.75rem 0;
	}
	.rescue-merit li .num-area{
		-ms-flex: 110px;
		flex: 0 0 110px;
		max-width: 110px;
	}
	.rescue-merit li .con-area{
		-ms-flex: calc(100% - 110px);
		flex: 0 0 calc(100% - 110px);
		max-width: calc(100% - 110px);
	}
	.rescue-merit li span.num{
		width: 80px;
		line-height: 80px;
		font-size: 34px;
	}
}

/*------------------------------------
	행사-리스트
------------------------------------*/
.event-list{
	border-top:1px solid #222;
}
.event-list li a{
	border-bottom:1px solid #e8e8e8;
	padding: 1rem 1rem;
	position:relative;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.event-list li a::before{
	content: '';
	display: block;
	position:absolute;
	width: 8px;
	height: 8px;
	right:1.2rem;
	top:calc(50% - 4px);
	border-right: 2px solid #bbb;
	border-top: 2px solid #bbb;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.event-list li .text-title{
	color: #222;
    font-weight: 500;
	font-size: 1.1rem;
}
.event-list li .text-data{
	color: #222;
	font-family: 'Open Sans', sans-serif;
}
@media (min-width: 992px) {
	.event-list li a{
		padding: 2rem 1rem;
	}
	.event-list li a::before{
		display: none;
	}
	.event-list li a:hover{
		padding:2rem;
		margin-top:-1px;
	}
	.event-list li a::after{
		content:'';
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:calc(100% + 1px);
		border:5px solid #00a988;
		box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.1);
		opacity:0;
		-moz-transition:all 0.3s;
		-webkit-transition:all 0.3s;
		-o-transition:all 0.3s;
		-ms-transition:all 0.3s;
		transition:all 0.3s;
	}
	.event-list li a:hover::after{
		opacity:1;
	}
	.event-list li .text-title{
		font-size: 1.3rem;
	}
	.event-list li .text-data{
		font-size: 1.2rem;
	}
}

/*------------------------------------
	행사개요
------------------------------------*/
.event-intro-wrap{
	border:1px solid #ddd;
}
.event-intro-wrap .titie-area{
	background:#fafafa;
	border-bottom:1px solid #ddd;
	padding:0.75rem 1rem;
}
.event-intro-wrap .con-pad{
	padding:0.75rem 1rem 1rem 0.75rem;
}
.event-intro-wrap .event-info-group{
	padding:1rem 0;
	border-bottom:1px solid #e8e8e8;
}
.event-intro-wrap .event-info-group p{
	margin-bottom:0;
}
.event-intro-wrap .event-info-group img{
	max-width:100%;
	height:auto;
}
.event-intro-wrap ul.info-list li {
	font-size:1.05rem;
	background: none;
	padding: 0.55rem 0 0.55rem 1.3rem;
	position:relative;
	line-height:1.3;
	border-bottom:1px solid #e8e8e8;
}
.event-intro-wrap ul.info-list li::before{
	content:'\f058';
	position:absolute;
	left:0;
	top:0.6rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size:0.95rem;
	color: #00a988;
}
.event-intro-wrap ul.info-list li.border-none {
	border-bottom:none;
}
.event-intro-wrap .poster-area{
	padding:0 1rem;
}
.event-intro-wrap .poster-area .slick-slide{
	text-align:center;
}
.event-intro-wrap .poster-area .slick-slide div{
	position:relative;
	display:inline-block;
	margin:2rem;
	max-width:700px;
}
.event-intro-wrap .poster-area .slick-slide div::after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border:1px solid rgba(0, 0, 0, 0.1);
}
.event-intro-wrap .poster-area .slick-prev, 
.event-intro-wrap .poster-area .slick-next {
   width:28px  !important;
	height: 28px  !important;
	top:50% !important;
	transform: translate(0, -50%);
	z-index:1000  !important;
	opacity: 0.3  !important;
}
.event-intro-wrap .poster-area .slick-prev:hover, 
.event-intro-wrap .poster-area .slick-next:hover {
	opacity: 0.7  !important;
}
.event-intro-wrap .poster-area .slick-prev::before, 
.event-intro-wrap .poster-area .slick-next::before {
	content:'' !important;
	display:block !important;
	width:100% !important;
	height:100% !important;
}
.event-intro-wrap .poster-area .slick-prev::before{
	background:url('../images/prev-arrow.png') no-repeat 50%/ 100%;
}
.event-intro-wrap .poster-area  .slick-next::before{
	background:url('../images/next-arrow.png') no-repeat 50%/ 100%;
}

.event-intro-wrap .poster-area img{
	box-shadow:10px 10px 25px -10px rgba(0, 0, 0, 0.1);
}
.map-area{
	width:100%;
	height:0;
	padding-top:55%;
	position:relative;
}
.map-area > div{
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
	border:0 !important;
	border-radius: 0 !important;
	padding:0 !important;
}
.map-area > div > div{
	border-radius: 0 !important;
}
.map-area > div > div.wrap_map{
	width:100% !important;
	height:calc(100% - 32px) !important;
	padding:0 !important;
}
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{
	top:1px;
}

@media (min-width: 992px) {
	.event-intro-wrap .titie-area{
		padding:1.35rem 2.25rem;
	}
	.event-intro-wrap .titie-area h3{
		font-size:2rem;
		margin-bottom:0;
	}
	.event-intro-wrap .con-pad{
		padding:1.5rem 2.25rem 2.25rem 2.25rem;
		font-size:1.1rem;
	}
	.event-intro-wrap .event-info-group{
		padding:2rem 0;
	}
	.event-intro-wrap ul.info-list li {
		font-size:1.15rem;
		padding: 0.85rem 0 0.85rem 1.4rem;
	}
	.event-intro-wrap ul.info-list li::before{
		top:1rem;
	}
	.event-intro-wrap .poster-area{
		padding:0 3rem;
	}
	.event-intro-wrap .poster-area .slick-slide div{
		margin:3rem;
	}
	.event-intro-wrap .poster-area .slick-prev, 
	.event-intro-wrap .poster-area .slick-next {
		width:44px  !important;
		height: 44px  !important;
	}
	.event-intro-wrap .lcation-area{
		padding:1.5rem 0 2.25rem;
	}
}


/*------------------------------------
	timetable/lineup
------------------------------------*/
.event-timetable .title-area{
	padding-bottom:1.5rem;
}
.event-timetable .title-area h3{
	margin-bottom:0;
}
.event-timetable  .event-con p{
	margin-bottom:0;
	font-family: 'Noto Sans KR'
}
#event-TabNav{
	background-color:#fff;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	margin-bottom:2.5rem;
}
#event-TabNav .nav-link{
	color:#888;
	padding:0.65rem 0;
	font-size:0.95rem;
	text-align:center;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	margin-left:-1px;
}
#event-TabNav a:hover{
	color:#111;
}
#event-TabNav a.active{
	font-weight:700;
	color:#00a988;
	background:#fafafa;
}
#event-TabNav a.nav-link-point{
	color:#f57434;
}
#event-TabNav a.nav-link-point::after{
	content:'\f00c';
	display:inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 85%;
	margin-left:0.5rem;
}
#event-TabContent p{
	margin-bottom:0;
}
#event-TabContent img{
	max-width:100%;
	height:auto;
}

@media (min-width: 992px) {
	#event-TabNav{
		border-left:none;
	}
	#event-TabNav .nav-link{
		padding:0.9rem 0;
		font-size:1.1rem;
		border-left:none;
		border-right:none;
		margin-left:0;
	}
	#event-TabNav .nav-link.active {
		color:#00a988;
		border-bottom:3px solid #00a988;
		background-color: #fff;
		margin-bottom:-1px;
	}
	#event-TabNav .nav-link.nav-link-point.active {
		color:#f57434;
		border-bottom:3px solid #f57434;
	}
}


/*------------------------------------
	스폰서/블로그 - 리스트
------------------------------------*/
.sponsor-list{
	border-top:1px solid #e8e8e8;
}
.sponsor-list li{
	padding:1rem 0;
	border-bottom:1px solid #e8e8e8;
}
.sponsor-list dl{
	margin-bottom:0;
}
.sponsor-list dl dt{
	color:#111;
	font-size:1.1rem;
	margin-bottom:0.5rem;
}
.sponsor-list dl dd{
	margin-bottom:0;
	font-weight:300;
}
@media (min-width: 992px) {
	.sponsor-list li{
		padding:1.75rem 0;
	}
	.sponsor-list dl dt{
		font-size:1.35rem;
		letter-spacing:-0.075rem;
	}
}

/*------------------------------------
	스폰서/블로그 - 상세페이지
------------------------------------*/
.sponsor-view h3{
	border-top: 1px solid #222;
	
	margin-bottom:0;
}
.sponsor-view h3,
.sponsor-view .text-area{
	border-bottom: 1px solid #e8e8e8;
	padding: 1.75rem 1rem;
}
.sponsor-view .img-area{
	padding: 1.75rem 1rem 0;
}


@media (min-width: 992px) {
	.sponsor-view h3,
	.sponsor-view .text-area{
		padding: 3rem 2rem;
	}
	.sponsor-view .img-area{
		padding: 3rem 2rem 0;
	}
}





/*------------------------------------
  기장서비스 - 이용안내
------------------------------------*/
.service-info-header{
	background:#1bb9d5;
}
.service-info-header .container{
	background:url('../images/service-info-img.jpg') no-repeat 95% 160% / auto 15.5rem;
}
.service-info-header .content-wrap{
	padding:3.5rem 1rem 5rem;
	color:#fff;
	word-break:keep-all;
}
.service-info-header h2{
	font-size:1.85rem;
	margin-bottom:1rem;
	letter-spacing:-0.085rem;
}
.service-info-header ul.list-group-check li::before{
	color:#fff;
}
.service-info-header ul.list-group-check{
	margin-bottom:2rem;
}
.service-info-header .btn-request{
	display:inline-block;
	font-weight:500;
	font-size:1.05rem;
	line-height:1;
	color:#fff;
	padding:0.75rem  3.5rem 0.85rem 1.25rem;
	border:1px solid rgba(255, 255, 255, 0.75);
	border-radius:50rem;
	margin-right:0.25rem;
	background:url('/pages/layout/images/main/arrow-w-right.png') no-repeat 82% 50% / 0.95rem;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.service-info-header .btn-request:hover{
	background-color:#fff;
	background-image:url('/pages/layout/images/main/arrow-right.png');
	border-color:#fff;
	color:#222;
}
@media (min-width: 768px) {
	.service-info-header .container{
		background-size:contain;
		background-position:100% 50%;
	}
}
@media (min-width: 992px) {
	.service-info-header .content-wrap{
		padding:6.6rem 0;
		height:499px;
	}
	.service-info-header h2{
		font-size:3.7rem;
		font-weight:500;
		margin-bottom:2rem;
		letter-spacing:-0.2rem;
	}
	.service-info-header ul.list-group-check{
		font-size:1.2rem;
		margin-bottom:3rem;
	}
	.service-info-header .btn-request{
		font-size:1.05rem;
		width:200px;
		padding:1.05rem 3.5rem 1.2rem 2rem;
		background-size:auto;
	}
}


/*------------------------------------
  기장서비스 - 신청하기
------------------------------------*/
.request-visual .bg-area{
	background:url('../images/service-request-img.jpg') no-repeat 75% 0 / cover;
}
.request-wrap .notice-box .text-area{
	background:url('../images/request-notice-icon.png') no-repeat 50% 1.5rem / 8rem;
	padding:10rem 1.8rem 2rem;
}
@media (min-width: 992px) {
	.request-wrap .notice-box .text-area{
		background:url('../images/request-notice-icon.png') no-repeat 3rem 1.8rem / auto;
		padding:4rem 3rem 3rem 320px;
		min-height:240px;
	}
}

dl.hometax-info{
	margin-bottom:0;
	padding:0.3rem 0;
}
dl.hometax-info dt{
	font-weight:400;
	color:#888;
	position:relative;
}
dl.hometax-info dt::after{
	content:'';
	position:absolute;
	right:15px;
	top:0.5rem;
	width:1px;
	height:0.7rem;
	background:#ddd;
}
dl.hometax-info dd{
	font-weight:500;
	color:#222;
}


/*------------------------------------
  기장서비스 - 계좌관리
------------------------------------*/
.account-visual .bg-area{
	background:url('../images/account-img.jpg') no-repeat 50% 0 / cover;	
}

.account-wrap .notice-box .text-area{
	background:url('../images/account-notice-icon.png') no-repeat 50% 1.5rem / 8rem;
	padding:10rem 1.8rem 3rem;
}
.account-wrap .notice-box .btn-area{
	border-top:1px dotted #bbb;
	padding-top:2.5rem;
	margin-top:3rem;
}
@media (min-width: 992px) {
	.account-wrap .notice-box .text-area{
		background:url('../images/account-notice-icon.png') no-repeat 3rem 1.8rem / auto;
		padding:4rem 3rem 4rem 320px;
		min-height:240px;
	}
}

/*------------------------------------
  기장서비스 - 빠른계좌조회 등록 절차 안내
------------------------------------*/
.text-mark{
	margin-bottom:1.5rem;
	word-break:keep-all;
	font-size:80%;
}
.text-mark strong{
	font-size:106%;
	margin-bottom:0.5rem;
}
.banking-info-wrap .bank-list{
	border: 1px solid #e5e5e5;
	border-radius:0.3rem;
	overflow:hidden;
}
.banking-info-wrap .bank-list li .nav-link{
	border: solid #e5e5e5;
	border-width:1px 0 0 1px;
	margin:-1px 0 0 -1px;
	line-height:1;
	padding:0.85rem 0.5rem;
}
.banking-info-wrap .bank-list li .nav-link img{
	vertical-align:top;
	-webkit-filter: grayscale(100%);
	filter: gray;
	opacity:0.3;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.banking-info-wrap .bank-list li .nav-link:hover img,
.banking-info-wrap .bank-list li .nav-link.active img{
	-webkit-filter: grayscale(0);
	filter: none;
	opacity:1;
}
.banking-info-wrap h3{
	text-align:center;
	font-size:1.35rem;
	margin-bottom:1.5rem;
}
.bank-con-box{
	background:#f5f5f5;
	border-radius:0.3rem;
	border:1px solid #eee;
	padding:1.75rem 1.25rem;
}
.bank-con-box .border-box{
	font-size:0.85rem;
	word-break:keep-all;
}
.bank-con-box dl{
	margin-top:0.5rem;
	padding-left:1.5rem;
	position:relative;
}
.bank-con-box dl::before{
	content:'※';
	position:absolute;
	left:0.15rem;
	top:0.1rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color:#222;
}
.bank-con-box dl dt{
	font-weight:500;
	color:#222;
	margin-bottom:0.25rem;
}
.bank-con-box dl dd{
	margin-bottom:0;
}

@media (min-width: 768px) {
	.banking-info-wrap .bank-list li .nav-link{
		padding:1rem 1.5rem;
	} 
	.banking-info-wrap .info-text{
		font-size:1rem;
	}
}
@media (min-width:1200px) {
	.text-mark{
		margin-bottom:2rem;
		font-size:1.1rem;
	}
	.text-mark strong{
		font-size:1.2rem;
	}
	.banking-info-wrap .bank-list li .nav-link{
		padding:1.4rem 2.5rem;
	} 
	.banking-info-wrap h3{
		font-size:2rem;
		margin-bottom:2.5rem;
	}
	.bank-con-box{
		padding:2.5rem;
	}
	.bank-con-box .border-box{
		font-size:1rem;
	}
}


/*------------------------------------
  마이페이지 - 기장서비스 신청내역
------------------------------------*/
.request-list-wrap .notice-box .state-result{
	border-bottom:1px solid #eee;
	margin-bottom:1.5rem;
}
.request-list-wrap .notice-box .state-result img{
	width:7rem;
}
.request-list-wrap .notice-box .state-result span{
	display:inline-block;
	background:#fee055;
	padding:0.5rem 2rem;
	border-radius:50rem;
	font-weight:700;
	color:#111;
	margin-top:1rem;
	margin-bottom:2rem;
}
.request-list-wrap .prev-list{
	margin-bottom:2rem;
}
.request-list-wrap .prev-list .list-head{
	background:#e6f6f9;
	border:1px solid #c0dfe5;
	border-radius:0.3rem 0.3rem 0 0 ;
	padding:0.75rem 1.5rem;
}
.request-list-wrap .prev-list .list-head .state-result{
	background:#1bb9d5;
	border-radius:0.2rem;
	color:#fff;
	font-weight:700;
	padding:0.5rem 1.5rem;
}
.request-list-wrap .prev-list .list-body{
	background:#fff;
	border:solid #e5e5e5;
	border-width:0 1px 1px 1px;
	border-radius:0 0 0.3rem 0.3rem;
	padding:1.5rem;
}

@media (min-width: 992px) {
	.request-list-wrap .notice-box .state-result{
		padding:0 5rem 0 2rem;
		border-bottom:none;
		border-right:1px solid #eee;
		margin-bottom:0;
		margin-right:5rem;
	}
	.request-list-wrap .notice-box .state-result img{
		width:auto;
	}
	.request-list-wrap .notice-box .state-result span{
		margin-bottom:0;
	}
	.request-list-wrap .prev-list .list-head{
		padding:0.85rem 2.5rem;
	}
	.request-list-wrap .prev-list .list-head .state-result{
		padding:0.5rem 2rem;
	}
	.request-list-wrap .prev-list .list-body{
		padding:1.75rem 2.5rem;
		font-size:1.1rem;
	}
}



/*------------------------------------
  마이페이지 - 계좌내역
------------------------------------*/
.my-bank-list  .bank-list-none{
	background:#fff;
	border-radius:0.3rem;
	border:1px solid #eee;
	padding:3rem 1.8rem;
	text-align:center;
}

.my-bank-list .bank-group{
	margin-bottom:3rem;
	box-shadow:10px 10px 25px -15px rgba(0, 0, 0, 0.1);
}
.my-bank-list .bank-group .group-head{
	background:#1bb9d5;
	border-radius:0.3rem 0.3rem 0 0;
	padding: 0.75rem 1.5rem;
}
.my-bank-list .bank-group .group-head h4{
	margin-bottom:0;
	color:#fff;
}
.my-bank-list .bank-group .group-head .btn{
	background:#fff;
	padding:0.5rem 0.75rem;
	line-height:1;
}
.my-bank-list .bank-group .group-head .btn i{
	font-size:75%;
	vertical-align:middle;
	margin-bottom:0.15rem;
	margin-left:3px;
}
.my-bank-list .bank-group .group-body{
	background:#fff;
	border-radius:0 0 0.3rem 0.3rem;
	border:solid #e8e8e8;
	border-width:0 1px 1px 1px;
	padding:2rem 1.5rem;
}

.my-bank-list .bank-group .account-info{
	margin:0 0 1rem 0;
	font-size:1.15rem;
	font-weight:700;
}
.my-bank-list .bank-group .account-info .bank-name{
	color:#111;
}
.my-bank-list .bank-group .account-info .bank-name::after{
	content:'';
	display:inline-block;
	width:1px;
	height:0.9rem;
	margin:0 0.5rem 0 0.8rem;
	background:#d5d5d5;
}
.my-bank-list .bank-group .account-info .account-type{
	background:#1bb9d5;
	color:#fff;
	font-weight:500;
	font-size:0.9rem;
    padding: 0.25rem 0.6rem 0.3rem;
	margin-left:0.5rem;
	vertical-align:middle;
	margin-bottom:0.25rem;
}
.my-bank-list .bank-group .group-body .bank-detail{
	background:#fafafa;
	border:1px solid #e8e8e8;
	border-radius:0.2rem;
	padding:0.25rem 0;
}
.my-bank-list .bank-group .bank-detail li{
		padding:0.75rem 1.5rem;
		border-bottom:1px solid #e8e8e8;
}
.my-bank-list .bank-group .bank-detail li:last-child{
		border-bottom:none;
}
.my-bank-list .bank-group .bank-detail li .list-item{
	flex: 0 0 8.5rem;
	max-width: 8.5rem;
	position:relative;
	font-weight:500;
	color:#111;
}
.my-bank-list .bank-group .bank-detail li .list-item::after{
	content:'';
	position:absolute;
	top:0.35rem;
	right:0;
	width:1px;
	height:0.85rem;
	background:#d5d5d5;
}
.my-bank-list .bank-group .bank-detail li .list-con{
	flex: 0 0 calc(100% - 8.5rem);
	max-width: calc(100% - 8.5rem);
}
.my-bank-list .bank-group .group-body .btn-area{
	text-align:center;
	margin-top:1.5rem;
}
.my-bank-list .bank-group .group-body .btn-area .btn{
	min-width:4rem;
}
@media (min-width: 992px) {
	.my-bank-list .bank-group .group-head{
		padding: 0.9rem 2rem;
	}
	.my-bank-list .bank-group .group-head .btn i{
		margin-bottom:3px;
	}
	.my-bank-list .bank-group .group-body{
		padding: 2rem 2rem;
	}
	.my-bank-list .bank-group .account-info{
		font-size:1.35rem;
	}
	.my-bank-list .bank-group .bank-detail li .list-item{
		flex: 0 0 10rem;
		max-width: 10rem;
	}
	.my-bank-list .bank-group .bank-detail li .list-con{
		flex: 0 0 calc(100% - 10rem);
		max-width: calc(100% - 10rem);
	}
	.my-bank-list .bank-group .group-body .btn-area{
		text-align:right;
	}
	
}

/*------------------------------------
  마이페이지 - 계좌상세
------------------------------------*/
.detail-search{
	background:#f8f8f8;
	border:1px solid #e8e8e8;
	border-radius:0.3rem;
	margin-bottom:3rem;
	padding:0.75rem 1.5rem 1.25rem;
}
.detail-search .form-group{
	border-bottom:1px solid #e8e8e8;
	margin-bottom:0;
	padding-bottom:0.75rem;
	margin-bottom:0.75rem;
}
.detail-search .form-group label.col-form-label{
	font-weight:500;
	color:#222;
}
.detail-search .date-search .date-select{
	display:inline-block;
	background:#fff;
	border-radius:0.2rem;
	border:1px solid #d5d5d5;
	padding:0.4rem 0.5rem;
	width:45%;
}
.detail-search .date-search .date-select input{
	border:none;
	width:calc(100% - 20px);
}
.detail-search .date-search .date-select .btn-calendar{
	color:#111;
	font-size:1.1rem;
}
@media (min-width: 1200px) {
	.detail-search{
		padding:1.5rem 2rem ;
	}
	.detail-search .date-search .date-select{
		width:28%;
	}
}
@media (max-width: 767px) {
	.detail-search .btn-area .btn{
		width:100%;
	}
}

/*계좌잔액*/
.bank-balance-group{
	margin-bottom:3rem;
}
.bank-balance-group .group-head{
	background:#1bb9d5;
	border-radius:0.3rem 0.3rem 0 0;
	padding: 0.75rem 1.5rem;
	
}
.bank-balance-group .group-head h4{
	color:#fff;
	margin-bottom:0;
}
.bank-balance-group .group-head .total-amount{
	background:#fff;
	padding:0.5rem 0.75rem;
	line-height:1;
	border-radius:0.25rem;
	font-size:1.05rem;
	color:#111;
	font-weight:500;
}
.bank-balance-group .group-body{
	background:#fff;
	border-radius:0 0 0.3rem 0.3rem;
	border:solid #e5e5e5;
	border-width:0 1px 1px 1px;
	padding:1rem 1.5rem 1.8rem;
}
.bank-balance-group .group-body li{
	border-bottom:1px solid #e8e8e8;
	margin-bottom:0.4rem;
	padding-bottom:0.85rem;
}
.bank-balance-group .group-body li .text-bank{
	font-weight:500;
	color:#222;
}
.bank-balance-group .group-body li .text-bank span{
	font-weight:400;
	color:#555;
	margin-left:0.35rem;
}
@media (min-width: 1200px) {
	.bank-balance-group .group-head{
		padding: 0.85rem 2rem;
	}
	.bank-balance-group .group-head .total-amount{
		font-size:1.15rem;
	}
	.bank-balance-group .group-body{
		padding:1.25rem 2rem 2rem;
	}
}