.gray-bg{
	background:#f5f5f5;
	padding:4rem 0 5rem;
}
.gray-bg02{
	background:#e4e7e8;
}

@media (min-width: 992px) {
	.gray-bg{
		padding:7rem 0 7rem;
	}
}

.img-type01 .img-wrap{
	position:relative;
}
.img-type01 .img-wrap::after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	border:1px solid rgba(0, 0, 0, 0.12);
}
.img-type01 .text-wrap{
	position:relative;
	margin-top:4px;
	padding:0.85rem 3rem 0.85rem 1rem;
	color:#fff;
	font-size:1.1rem;
	line-height:1.2;
	font-weight:500;
	background:url('../images/bg-img01.png') repeat;
}
.img-type01 .text-wrap::after{
	content:'';
	position:absolute;
	width:1.75rem;
	height:4px;
	right:0;
	top:50%;
	background:#ed2124;
	-webkit-transform: translate(-50%, 0);
	transform: translate(0, -50%);
}

@media (min-width: 992px) {
	.img-type01 .text-wrap{
		padding:1.25rem 4.5rem 1.35rem 1.5rem;
		font-size:1.2rem;
	}
	.img-type01 .text-wrap::after{
		width:3rem;
}
}

/*------------------------------------
	인사말
------------------------------------*/
.greeting-wrap p{
	font-size:1.05rem;
	color:#333;
	line-height:1.6;
	margin-bottom:2rem;
}
.greeting-wrap p.text-type01{
	font-family: 'Play', sans-serif;
	font-size:2rem;
	line-height:1.2;
}
.greeting-wrap .img-area{
	margin-top:4rem;
	padding:0 15px 4rem;
}
.greeting-wrap .img-area > div{
	position:relative;
}
.greeting-wrap .img-area .img-title{
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	font-weight:500;
	padding:1rem 3rem 1rem 1rem;
	background:rgba(0, 0, 0, 0.85);
}
.greeting-wrap .img-area .compay-img01 .img-title{
	background:rgba(237, 33, 36, 0.85);
	left:auto;
	right:0;
}
@media (min-width: 992px) {
	.greeting-wrap p{
		font-size:1.25rem;
		line-height:1.8;
	}
	.greeting-wrap p.text-type01{
		font-size:3rem;
		letter-spacing:-0.085rem;
		margin-bottom:3rem;
	}
	.greeting-wrap .img-area{
		margin-top:8rem;
		padding:0;
	}
	.greeting-wrap .img-area .img-title{
		padding:1rem 4rem 1.2rem 2rem;
		font-size:1.5rem;
	}
	.greeting-wrap .img-area .compay-img01 .img-title{
		left:0;
		right:auto;
	}
}


/*------------------------------------
	연혁
------------------------------------*/
.history-con{
	position:relative;
}
.history-gruop dl:first-child{
	border-top:1px solid #eee;
}
.overview-area{
	background:url('../images/history-bg.jpg') no-repeat 50% /cover;
	padding:5rem 15px 0;
}
.overview-area h3{
	color:#fff;
	font-weight:700;
	letter-spacing:0;
	font-size:2.2rem;
	margin-bottom:1.5rem;
	font-family: 'Roboto Condensed', sans-serif;
}
.overview-gruop{
	background:rgba(192, 25, 32, 0.9);
	padding:1rem 1.5rem 2rem;
}
.overview-gruop dl{
	padding:0.7rem 0;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	margin-bottom:0;
}
.overview-gruop dl dt{
	max-width:120px;
	position:relative;
}
.overview-gruop dl dt span{
	display:block;
	font-weight:500;
	color:rgba(255, 255, 255, 0.9);
	text-align:left;
}
.overview-gruop dl dt span::after{
	content:'';
	position:absolute;
	right:1.2rem;
	top:0.7rem;
	display:inline-block;
	width:0.9rem;
	height:1px;
	background:rgba(255, 255, 255, 0.5);
	vertical-align:middle;
	margin:0 0 3px 15px;
}
.overview-gruop dl dd{
	word-break:keep-all;
	margin:0;
	color:rgba(255, 255, 255, 0.8);
}

.history-gruop{
	margin-bottom:5rem;
}
.history-gruop dl{
	padding:0.7rem 0;
	border-bottom:1px solid #eee;
	margin-bottom:0;
}
.history-gruop dl dt{
	position:relative;
}
.history-gruop dl dt span{
	display:block;
	font-weight:800;
	color:#222;
	font-size:1.1rem;
	padding:0.4rem 0;
}
.history-gruop dl dt span::after{
	content:'';
	display:inline-block;
	width:0.9rem;
	height:1px;
	background:#333;
	vertical-align:middle;
	margin:0 0 3px 15px;
}
.history-gruop dl dd{
	padding-top:0.3rem;
}
@media (min-width: 768px) {
	.history-gruop dl dt span::after{
		position:absolute;
		right:1.2rem;
		top:1.1rem;
		margin:0;
	}
}
@media (min-width: 992px) {
	.history-con .history-bg{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}
	.history-con .history-bg > div{
		background:url('../images/history-bg.jpg') no-repeat 0 50% /cover;
	}
	.history-con .history-bg > div{
		height:100%;
	}
	.overview-area{
		background:none;
		padding:5rem 0 0;
	}
	.overview-area h3{
		font-size:2.6rem;
		margin-bottom:2.5rem;
	}
	.overview-gruop{
		padding:2rem 2.5rem 3rem;
	}
	.history-gruop dl{
		padding:0.8rem 0;
	}
	.history-gruop dl dd{
		padding-top:0.4rem;
	}
}



/*------------------------------------
	찾아오시는길
------------------------------------*/
.map-area{
	width:100%;
	height:0;
	padding-top:70%;
	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;
}
ul.map-info li{
	line-height:1.4;
	padding:1rem 0;
	border-bottom:1px solid #eee;
	word-break:keep-all;
}
ul.map-info li .fas{
	padding:0 1rem 0 0;
}
.map-area > iframe{
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:99% !important;
	border:1px solid #ccc !important;
	border-radius: 0 !important;
	padding:0 !important;
}

@media (min-width: 992px) {
	.map-area{
		padding-top:65%;
	}
	ul.map-info li:first-child{
		border-top: 1px solid #222;
	}
	ul.map-info li{
		padding:2rem 0;
	}
	ul.map-info li h6{
		font-size:1.4rem;
	}
	ul.map-info li .fas{
		font-size:1.4rem;
		padding:0.2rem 1.5rem 0.2rem 0;
		margin-right:1rem;
		border-right:1px solid #e5e5e5;
	}
}


/*------------------------------------
	제조공정
------------------------------------*/
.process-wrap dl dt{
	font-size:1.8rem;
	color:#111;
	font-weight:700;
	margin-bottom:1.5rem;
	line-height:1;
} 

.process-wrap dl dd{
	color:#111;
	margin-bottom:3rem;
} 
.process-wrap .process-img-m{
	background:url('../images/process-img-m.png') no-repeat 50% 0/contain;
}

.process-wrap .process-img{
	background:url('../images/process-img.png') no-repeat 50% 0/contain;
}

@media (min-width: 992px) {
	.process-wrap dl dt{
		font-size:3rem;
		margin-bottom:2.5rem;
	} 
	.process-wrap dl dd{
		font-size:1.3rem;
		margin-bottom:5rem;
		line-height:1.8;
	} 
}


/*------------------------------------
	기술특징
------------------------------------*/
.tech-wrap .title-area p{
	color:#222;
}
.tech-wrap .img-area{
	background:url('../images/bg-img01.png') repeat;
	padding:1.25rem 0.75rem;
}
.tech-wrap .img-area .con-area{
	background:#fff;
	padding:0.75rem;
	text-align:center;
	height:100%;
	margin:0 0.5rem;
}
.tech-wrap .img-area .con-area .text-area{
	text-align:left;
	border-top:1px solid #e5e5e5;
	padding-top:1rem;
	margin-top:1rem;
	color:#222;
}
@media (min-width: 992px) {
	.tech-wrap .title-area p{
		font-size:1.35rem;
		margin-bottom:3rem;
	}
	.tech-wrap .img-area{
		padding:2.5rem 1.25rem;
	}
	.tech-wrap .img-area .con-area{
		padding:2.5rem;
		margin:0 1rem;
	}
	.tech-wrap .img-area .con-area .text-area{	
		font-size:1.4rem;
		padding-top:1.5rem;
		margin-top:2.5rem;
	}
}

/*------------------------------------
	제품소개
------------------------------------*/
.product-wrap{
	background:url('../images/bg-img01.png') repeat;
	padding:4rem 0 2rem;
}
.product-wrap .img-area{
	position:relative;
}
.product-wrap .img-area img{
	position:relative;
	z-index:10;
}
.product-wrap .img-area::after{
	content:'';
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	right:-0.75rem;
	bottom:-0.75rem;
	background:rgba(255, 255, 255, 0.1);
}
.product-wrap .text-area{
	color:#fff;
	font-weight:500;
	text-align:right;
	padding:2rem 0 3rem;
}
.product-wrap .text-area span::before{
	content:'';
	display:inline-block;
	width:1.5rem;
	height:2px;
	background:#ed2124;
	margin:0 0.75rem 0.25rem 0;
}
@media (min-width: 992px) {
	.product-wrap{
		padding:7rem 0 3rem;
	}
	.product-wrap .text-area{
		font-size:1.5rem;
		padding:2.5rem 0 4.5rem;
	}
	.product-wrap .text-area span::before{
		width:3rem;
		height:3px;
		margin:0 1rem 0.4rem 0;
	}
}
@media (min-width: 1200px) {
	.product-wrap ul.row{
		margin-left:-35px;
		margin-right:-35px;
	}
	.product-wrap ul.row li{
		padding-left:35px;
		padding-right:35px;
	}
	.product-wrap .img-area::after{
		right:-1.2rem;
		bottom:-1.2rem;
	}
}






/*------------------------------------
	사무국
------------------------------------*/
.about-did-wrap .member-list li{
	margin-bottom:1.5rem;
}
.about-did-wrap .member-list .con-wrap{
	border:1px solid #ddd;
	background:#fff;
	padding:0.75rem;
	border-radius:0.4rem;
	overflow:hidden;
}
.about-did-wrap .member-list .con-wrap .text-name{
	color:#111;
	margin-bottom:0.25rem;
}
.about-did-wrap .member-list .con-wrap .text-name strong{
	font-size:1.4rem;
	font-weight:700;
}
.about-did-wrap .member-list .con-wrap .text-tel{
	color:#111;
	font-size:1.125rem;
}
@media (min-width: 992px) {
	.about-did-wrap .member-list .con-wrap{
		padding:1.15rem;
	}
}


/*------------------------------------
	행사-리스트
------------------------------------*/
.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;
	}
}



/*------------------------------------
	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;
	line-height:1.3;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	margin-left:-1px;
	border-radius: 0;
	height:100%;
	position:relative;
}
#event-TabNav a:hover{
	color:#111;
	background:#fafafa;
}
#event-TabNav a:hover::after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:calc(100% + 2px);
	height:4px;
	background: #222;
	z-index:100;
}
#event-TabNav a.active{
	font-weight:700;
	color:#00a988;
	background-color: #fff;
}
#event-TabNav a.active::after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:calc(100% + 2px);
	height:4px;
	background: #00a988;
	z-index:100;
}
#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-TabNav .nav-link.nav-link-point.active::after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:calc(100% + 2px);
	height:4px;
	background: #f57434;
	z-index:100;
}
#event-TabContent p{
	margin-bottom:0;
}
#event-TabContent img{
	max-width:100%;
	height:auto;
}

@media (min-width: 992px) {
	#event-TabNav .nav-link{
		padding:0.8rem 0;
		font-size:1.1rem;
		min-height:60px;
	}
}


/*------------------------------------
	스폰서/블로그 - 리스트
------------------------------------*/
.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;
	}
}