@charset "utf-8";
 


/* ////////// LAYOUT ////////// */
header{position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:space-between;align-items:center;width:100%;height:56px;border-bottom:1px solid #f2f2f2;background:#fff;}
header h1{padding-top:2px;font-size:17px;text-align:center;color:#001310;}
header .header_left{min-width:80px;padding-left:15px;}
header .header_right{min-width:80px;padding-right:15px;text-align:right;}
	header button{overflow:hidden;width:30px;height:30px;text-indent:-9999px;}
	header .btn_back{position:relative;}
	header .btn_back:before{content:'';display:block;clear:both;position:absolute;top:8px;left:11px;width:12px;height:12px;border-top:1px solid #001310;border-left:1px solid #001310;transform:rotate(-45deg);}
	header .btn_close{position:relative;}
	header .btn_close:before{content:'';display:block;clear:both;position:absolute;top:14px;left:5px;width:19px;height:1px;background:#3e4b55;transform:rotate(-45deg);}
	header .btn_close:after{content:'';display:block;clear:both;position:absolute;top:14px;left:5px;width:19px;height:1px;background:#3e4b55;transform:rotate(45deg);}
	header .btn_home{background:url('../../../ros/resource/images/btn_home.png') center no-repeat;background-size:21px;}
	header .btn_mypage{background:url('../../../ros/resource/images/btn_mypage.png') center no-repeat;background-size:20px;}
	header .btn_search{background:url('../../../ros/resource/images/main/btn_search.png') center no-repeat;background-size:20px;}

/*#wrap{position:relative;z-index:50;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);}*/
#wrap{overflow:auto;position:absolute;top:0;left:0;z-index:50;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);}
#container{padding:56px 0 24px;}
#contents{padding:24px 22px 0;background:#fff;}
	#contents > h2:first-child{margin-top:0;padding-top:0;border:none;}

	.gray_contents{margin:-24px -22px 0;background:#f5f7f8;}
	.gray_contents > .section{margin-top:9px;padding:0 22px;border-bottom:1px solid #e7eaec;background:#fff;box-shadow:0 1px 1px rgba(183,188,192,.05);}
	.gray_contents > .section:first-child{margin-top:0;padding-bottom:0;overflow:hidden;}
	.gray_contents > .section:last-child{border:none;box-shadow:none;}
	.gray_contents > .section > h2:first-child{margin-top:0;}

.bottom_btn_area{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:0 0 8px;width:100%;background:#fff;}

.fixed_bottom{position:fixed;bottom:0;left:0;z-index:500;padding:0 22px;width:100%;/*background:#fff;*/opacity:1;-webkit-transform:translateZ(0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	transition:transform 0.2s, opacity 0.3s cubic-bezier(0.65, 0, 0.35,1);-webkit-transition:transform 0.2s, opacity 0.3s cubic-bezier(0.65, 0, 0.35,1);
}
.fixed_bottom2{position:fixed;bottom:0;left:0;z-index:500;width:100%;min-height:76px;background:#009591;-webkit-transform:translateZ(0);}
	.fixed_bottom.down{transform:translateY(100%);opacity:0;}
	.fixed_bottom.up{transform:translateY(0);opacity:1;}
	.fixed_bottom .bottom_btn_area{margin-top:0;padding-top:20px;padding-bottom:22px;background:none;}

/* ////////// POPUP ////////// */
.popup{display:none;position:fixed;top:0;left:0;z-index:1000;padding:56px 0 0;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);background:#fff;}
	.popup_header{position:fixed;top:0;left:0;width:100%;height:56px;border-bottom:1px solid #f2f2f2;}
	/* 210428 전지수  - 추가[S] */
	.popup_header .btn_back{overflow:hidden;position:absolute;top:50%;left:15px;margin-top:-15px;width:30px;height:30px;text-indent:-9999px;}
	.popup_header .btn_back:before{content:'';display:block;clear:both;position:absolute;top:8px;left:11px;width:12px;height:12px;border-top:1px solid #001310;border-left:1px solid #001310;transform:rotate(-45deg);}
	.popup_header.ty2 .btn_back:before{border-top:1px solid #fff;border-left:1px solid #fff;}
	/* //210428 전지수 - 추가[E] */
	.popup_header .btn_close{overflow:hidden;position:absolute;top:50%;left:15px;margin-top:-15px;width:30px;height:30px;text-indent:-9999px;}
	.popup_header .btn_close:before{content:'';display:block;clear:both;position:absolute;top:14px;left:5px;width:19px;height:1px;background:#3e4b55;transform:rotate(-45deg);}
	.popup_header .btn_close:after{content:'';display:block;clear:both;position:absolute;top:14px;left:5px;width:19px;height:1px;background:#3e4b55;transform:rotate(45deg);}
	.popup_header .popup_title{font-size:17px;line-height:57px;color:#001310;text-align:center;}

	.popup .popup_container{display:flex;flex-direction:column;width:100%;height:calc(100%);}
	.popup .popup_container .popup_contents{overflow:auto; overflow-x:hidden; height:calc(100%); padding:24px 22px}
	.popup .popup_container .popup_contents h2:first-child{margin-top:0;padding:0;border:none;}
	.popup .popup_container .popup_bottom .bottom_btn_area{margin-top:0;padding:0 22px 22px;}
	.popup .popup_container.ty2 {padding:24px 22px;}
	.popup .popup_contents.ty2 {padding:0}

.dim_popup{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100vh;background:rgba(0,0,0,.5);}
	.dim_popup .popup_contents{padding:26px 25px;width:80%;border-radius:10px;background:#fff;line-height:20px;color:#3e4b55;}
		.dim_popup .popup_contents .tit{margin-bottom:13px;font-size:17px;line-height:1;color:#000;}
		.dim_popup .popup_contents .msg{font-size:15px;line-height:22px;}
		.dim_popup .popup_contents .btn_area{margin-top:30px;text-align:right;}
		.dim_popup .popup_contents .btn_area button{font-size:14px;}
		.dim_popup .popup_contents .btn_area button.cancel{margin-right:20px;color:#6f7a84;}

		
/* 210428 전지수 - 모바일헌금 고도화 css 추가 [S] */
.renewal .popup_header.ty2 {background-color:rgba(0,158,155,1); border-color:rgba(255,255,255,0.15); z-index:99;}
.renewal .popup_header.ty2 .btn_close:before,.popup_header.ty2 .btn_close:after {background:#fff;}
.renewal .popup_header.ty2 .popup_title {color:#fff;}
/* //210428 전지수 - 모바일헌금 고도화 css 추가 [E] */

/* 210503 전지수 - css 추가 [S] */
.renewal .popup .popup_container .popup_contents .my_place_search h2 {padding-top:19px;}
/* //210503 전지수 - css 추가 [E] */
		
		
/* [전산개발요청] 모바일헌금 오픈뱅킹 사용 금융기관 추가 서브5  */
.more_btn_area {text-align:center; margin:30px 0;}
.btn.line.more {border-color:#6f7a84; color:#001310;}
/* //[전산개발요청] 모바일헌금 오픈뱅킹 사용 금융기관 추가 서브5  */