@charset "utf-8"; 
      
/* ////////// COMMON STYLE ////////// */ 
html.fixed, body.fixed{position:fixed;overflow:hidden;/*min-height:auto;height:100%;*/}
 
h2{margin-top:32px;margin-bottom:15px;padding-top:23px;border-top:1px solid #f4f4f4;font-size:15px;color:#001310;}
h2.noline{padding:0;border:none;}
#simple h2,
#trans h2{margin-top:0;}
.section > h2:first-child{border:none;}

.add_home{position:absolute;top:0;right:0;width:56px;height:56px;background-color:#e5f2f1;border-radius:50%;font-size:10px;color:#009591;text-align:center;line-height:11px}
	/*.complete_wrap .add_home{top:24px;}*/
	.add_home span.icon{background: url('../../../ros/resource/images/ic_home.png') 50% 80% no-repeat;background-size:15px; display:block;padding-top:24px;}

/* ALIGN */
.fx_wrap{display:flex;justify-content:space-between;align-items:center;}
.aC{text-align:center !important;}
.vM{vertical-align:middle;}

.block{display:block;}


/* MARGIN */
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT45{margin-top:45px !important;}
.mT50{margin-top:50px !important;}

.mt0 {margin-top:0 !important;}
.mt20 {margin-top:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.pt38 {padding-top:38px !important;}
.pt0 {padding-top:0 !important;}
.pt1 {padding-top:1px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pb0 {padding-bottom:0 !important;} /* 210430 전지수 - 추가 */
.w100 {width:100%;}
.h100{height:100%;}

/* COLOR */
.c_point{color:#009591 !important;}
.c_gray{color:#6f7a84 !important;}
.c_black{color:#001310 !important;} /* [전산개발요청] 모바일헌금 이체화면 폰트크기 조정 */

/* [전산개발요청] 모바일헌금 이체화면 폰트크기 조정 */
/* FONT-SIZE */
.fs15{font-size:15px !important}
.fs18{font-size:18px !important}
/* [전산개발요청] 모바일헌금 이체화면 폰트크기 조정 */

/* BUTTON */
button.btn,
a.btn{height:40px;border-radius:6px;background:#009591;font-size:16px;color:#fff;text-align:center;}
a.btn{line-height:40px;}
button.bottom,
a.bottom{width:100%;height:48px;box-shadow:0 4px 8px rgba(0,149,145,.2);}
a.bottom{line-height:48px;}
button.light,
a.light{background:#e5f2f1;color:#009591;box-shadow:0 4px 8px rgba(181,205,203,.2);}
button.line,
a.line{display:inline-block;padding:0 15px;height:32px;border-radius:999px;border:1px solid #3faeab;background:none;font-size:13px;color:#009591;}
a.line{line-height:30px;}
button.line.ty2,
a.line.ty2{border:1px solid #b3bdbd;color:#001310;}
button.line.ty3,
a.line.ty3{border:1px solid #707a84;color:#707a84;}

.bottom_btn_area a {font-size:16px;}
.bottom_btn_area > button.light,
.bottom_btn_area > a.light{width:30%;}
.bottom_btn_area > button.light + button.bottom,
.bottom_btn_area > a.light + a.bottom{margin-left:8px;width:70%;}

.btn_wrap{display:flex;justify-content:space-between;align-items:center;margin-top:7px;}

.btn_quick_input{display:flex;}
	.btn_quick_input button{/*padding:0 10px;*/width:57px;height:28px;border-radius:6px;border:1px solid #d6dbdb;font-size:12px;color:#6f7a84;text-indent:0;}
	.btn_quick_input button:not(:first-child){margin-left:5px;}

.btn_refresh{overflow:hidden;width:20px;height:28px;background:url('../../../ros/resource/images/btn_refresh.png') right 50% no-repeat;background-size:14px;text-indent:-9999px;}
.btn_cal{overflow:hidden;width:18px;height:100%;background:url('../../../ros/resource/images/btn_cal.png') center no-repeat;background-size:18px;text-indent:-9999px;}

/* INPUT */
input:focus,
textarea:focus{outline:none;}

.input_wrap{margin-top:20px;padding-top:13px;}
	.input_area{position:relative;z-index:1;padding-right:30px;border-bottom:1px solid #e3e9e8;background:#fff;}
		.input_area.input_money{padding-right:20px;}
		.input_area.input_search{padding-right:60px;}
	.select_area{position:relative;}
	.input_area label,
	.input_area input.inp{display:block;font-size:19px;}
	.input_area label,
	.select_area label{position:absolute;left:0;top:0;font-size:19px;line-height:38px;color:#b3bdbd;letter-spacing:-.05em;transition:top 0.2s, font-size 0.2s, background-color 0s cubic-bezier(0.65, 0, 0.35,1);-webkit-transition:top 0.2s, font-size 0.2s, background-color 0.2s cubic-bezier(0.65, 0, 0.35,1);}
	.select_area label{background:#fff;width:calc(100% - 20px);line-height:36px;}
	/*.select_area label{width:calc(100% - 20px);height:38px;background:#fff;}
	.select_area label{left:0;font-size:12px;line-height:1;top:-17px;background:none;color:#b3bdbd;}*/
	.input_area input.inp{width:100%;height:38px;color:#001310;}
	.input_area input.inp:disabled{opacity:1;-webkit-text-fill-color:#6f7a84;color:#6f7a84;}
	.input_area input.num{text-align:right;}
	.input_area button{overflow:hidden;text-indent:-9999px;}
		.input_area .won{position:absolute;top:0;right:0;font-size:19px;line-height:38px;}
		.input_area .btn_clear{display:none;position:absolute;top:0;right:0;width:30px;height:38px;background:url('../../../ros/resource/images/btn_clear.png') center no-repeat;background-size:14px;}
		.input_area .btn_search{position:absolute;top:0;right:0;width:30px;height:38px;background:url('../../../ros/resource/images/btn_search.png') center no-repeat;background-size:21px;}
		.input_area.input_search .btn_clear{right:30px;}

	.input_area.ty2{position:relative;display:block;padding-right:0;border:1px solid #e3e9e8;border-radius:6px;}
	.input_area.ty2 label{left:15px;font-size:15px;}
	.input_area.ty2 textarea{display:block;width:100%;min-height:130px;border:none;font-size:15px;color:#001310;resize:none;}
	.input_area.ty2 .text{padding:0 15px 15px 0;text-align:right;font-size:12px;color:#757575;}
	.input_area.ty2 .text em{color:#009591;}

	.input_area.on{border-color:#008884;}
	.input_wrap label.on{left:0;font-size:12px;line-height:1;top:-15px;background:none;color:#6c7777;}
	.input_wrap label.c_black.on{font-size:15px;} /*[전산개발요청] 모바일헌금 이체화면 폰트크기 조정 */
	.input_wrap .input_area.error{border-color:#e8164f;}
	.input_wrap .error_msg{margin-top:6px;font-size:10px;color:#e8164f;}
	
	/* animation없는경우 */
	.input_wrap.ty2{padding-top:0;}
	.input_wrap.ty2 label.on{display:none;}

	.popup_contents .full_write{margin-top:0;}
	.input_wrap.full_write{height:100%;}
	.input_wrap.full_write .input_area{height:100%;}
	.input_wrap.full_write .input_area textarea{height:calc(100% - 27px);}

.check_wrap label{position:relative;display:inline-block;padding-left:30px;line-height:18px;font-size:13px;color:#6c7777;vertical-align:top;}
	.check_wrap label:not(:first-child){margin-left:27px;}
	input[type=radio],
	input[type=checkbox]{display:inline-block;position:absolute;top:50%;left:0;margin-top:-8px;width:18px;height:18px;border:1px solid #b3bdbd;background:#fff;vertical-align:top;}
	input[type=radio]:before,
	input[type=checkbox]:before{content:'';position:absolute;top:4px;left:3px;width:9px;height:4px;border-left:1px solid #b3bdbd;border-bottom:1px solid #b3bdbd;transform:rotate(-45deg);}
	input[type=radio]{border-radius:50%;}
	input[type=checkbox]{border-radius:3px;}
	input[type=radio]:checked,
	input[type=checkbox]:checked{background:#009591;border-color:#009591;}
	input[type=radio]:checked:before,
	input[type=checkbox]:checked:before{width:9px;height:4px;border-left:1px solid #fff;border-bottom:1px solid #fff;}

.date_search_wrap{position:relative;}
	.date_search_wrap .date_area{display:flex;padding-right:66px;width:100%;}
		.date_area .input_date{display:flex;justify-content:space-between;align-items:center;padding-right:10px;height:40px;border:1px solid #e8eeed;border-radius:6px;}
		.date_area .input_date input.inp{padding-left:12px;width:40%;height:100%;color:#222;}
		.date_area .input_date .txt{margin-left:10px;}
	.date_search_wrap button.btn{position:absolute;top:0;right:0;width:61px;font-size:14px;}
	.date_search_wrap .btn_quick_input{margin-top:7px;}
	.date_search_wrap .btn_quick_input button{width:49px;border:none;background:#f1f4f3;color:#6f7a84;}
 
/* TAB MENU */
.tab_menu{display:flex;justify-content:space-between;align-items:center;margin:0 -22px 20px;padding:0 22px;border-bottom:1px solid #e8eeed;}
	.tab_menu li{display:flex;width:100%;height:46px;font-size:15px;color:#b7bcc0;justify-content:center;align-items:center;}
	.tab_menu li.on{position:relative;top:1px;border-bottom:2px solid #009591;font-weight:500;line-height:1em;color:#009591;}
.tab_cont{display:none;}

/* LIST */
.tribute_list{/*margin-top:20px;padding-bottom:25px;border-top:1px solid #ebedee;*/width:100%;}
	.tribute_list li{margin-top:30px;font-size:15px;}
	.tribute_list li:first-child{margin-top:25px;}
	.tribute_list li .fx_wrap{align-items:flex-start;}
	.tribute_list li .fx_l{color:#3e4b55;}
	.tribute_list li .fx_r{min-width:100px;text-align:right;}
	.tribute_list li .time{display:inline-block;margin-left:5px;}
	.tribute_list li .info{margin-top:9px;font-size:11px;color:#6f7a84;}

/* CONTENTS */
.sub_txt{font-size:13px;line-height:18px;color:#3e4b55;}
	h2 + .sub_txt{margin-top:-8px;}

.my_place_search{padding:0 22px 17px;}
	.my_place_search *{color:#fff !important;}
	.my_place_search h2{margin-top:0;padding-top:19px;border:none;}
	.my_place_search .sub_txt{font-size:12px;}
	.my_place_search .btn_area{position:absolute;top:50%;right:22px;transform:translateY(-50%);}
	.my_place_search .btn_area .line.ty2{border-color:#fff;line-height:32px;}

ul.select_btn{display:flex;justify-content:space-between;align-items:center;margin:-8px 0 0 -8px;}
	ul.select_btn li{margin-top:8px;padding-left:8px;width:50%;}
	ul.select_btn li .check_wrap{display:block;padding:12px 15px;border:1px solid #d9dede;border-radius:6px;}
	ul.select_btn li .check_wrap label{display:block;color:#001310;}
	ul.select_btn li .txt{display:flex;justify-content:center;align-items:center;padding:0 5px;width:100%;height:44px;border:1px solid #d9dede;border-radius:6px;text-align:center;}
	ul.select_btn li .txt p{overflow:hidden;display:-webkit-box;max-height:28px;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c7777;}
	ul.select_btn li.on .txt,
	ul.select_btn li.on .check_wrap{border-color:#009591;}
	ul.select_btn li.on .txt p,
	ul.select_btn li.on .check_wrap label{color:#009591;}

	ul.select_btn.btn3{flex-wrap:wrap;justify-content:flex-start;}
	ul.select_btn.btn3 li{width:33.3%;}

.prayer{position:relative;margin-top:50px;}
	.prayer h2,
	.prayer h3{margin-top:0;}
	.prayer .preview{overflow:hidden;position:absolute;top:0;right:0;padding:0 12px 0 78px;width:100%;font-size:13px;color:#009591;white-space:nowrap;text-overflow:ellipsis;text-align:right;}
	.prayer .preview.none{color:#3e4b55;}
	.prayer .preview:before{content:'';position:absolute;top:2px;right:2px;width:8px;height:8px;border-right:1px solid;border-bottom:1px solid;border-color:#009591;transform:rotate(-45deg);}
	.prayer .preview.fs18:before{top:6px} /* [전산개발요청] 모바일헌금 이체화면 폰트크기 조정 */
	.prayer .preview.none:before{border-color:#3e4b55;}

/*.complete_wrap{overflow:auto;position:absolute;top:56px;bottom:0;left:0;padding:0 22px;width:100%;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 146px);}*/
.complete_wrap{overflow:auto;position:absolute;top:56px;bottom:0;left:0;padding:0 22px;width:100%;height:calc(100% - 146px);display:flex;flex-direction:column;justify-content:space-between;}
#contents > .complete_wrap{padding-bottom:0;}
	.complete_wrap.ty2{padding-bottom:24px;height:calc(100% - 56px);}
	.complete_wrap.ty3{position:static;top:0;display:table;margin:-24px 0;padding:0;width:100%;height:calc(100vh - 146px);height:calc(var(--vh, 1vh) * 100 - 146px);}
	.complete_wrap .add_home{top:24px;right:22px;}
	.complete_wrap .msg_wrap{display:flex;justify-content:center;align-items:center;width:100%;/*min-height:250px;*/height:100%;}
		.complete_wrap .msg{padding:75px 22px 0;background-size:64px;background-position:50% 0;background-repeat:no-repeat;font-size:20px;line-height:28px;color:#001310;text-align:center;margin-top:-10px;}
		.complete_wrap .offering_complete{margin:15px 0;background-image:url('../../../ros/resource/images/ic_offering_complete.png');}
		.complete_wrap .member_check_complete{background-image:url('../../../ros/resource/images/ic_check_member.png');}
		.complete_wrap .welcome{background-image:url('../../../ros/resource/images/ic_check_welcome.png');}
		.complete_wrap .leave{background-image:url('../../../ros/resource/images/ic_check_leave.png');}
		.complete_wrap .error {background-image:url('../../../ros/resource/images/ic_error.png');}
		.complete_wrap .msg .add {font-size:13px; color:#3e4b55;border-bottom:1px solid #3e4b55;display:inline;}
		.complete_wrap .confirm{position:relative;margin:0 -22px;padding-top:30px;background:#e3e5ea;}
		.complete_wrap .confirm:after{position:absolute;top:0;left:0;width:100%;height:100%;
			-webkit-box-shadow:inset 0 -4px 6px -4px rgba(246,247,249);
			-moz-box-shadow:inset 0 -4px 6px -4px rgba(246,247,249);
			box-shadow:inset 0 -4px 6px -4px rgba(246,247,249);
		}
		.complete_wrap .confirm .bg{position:relative;width:100%;height:182px;background:url('../../../ros/resource/images/bg_offering_confirm.png') 50% 0 no-repeat;background-size:359px;}
		.complete_wrap .confirm .bg p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:25px;padding:0 30px;width:100%;font-size:18px;line-height:22px;color:#3e4b54;text-align:center;}
		.complete_wrap .transfer_msg{margin-top:24px;padding:0;font-size:20px;line-height:28px;}
		.complete_wrap .transfer_msg .sub_txt .c_point{position:relative;display:inline-block;margin-left:5px;padding-left:7px;color:#3e4b55 !important;}
		.complete_wrap .transfer_msg .sub_txt .c_point:before{content:'';position:absolute;top:4px;left:0;width:1px;height:11px;background:#dbdddf;}
		.complete_wrap .msg .sub_txt{margin-top:7px;font-size:12px;line-height:18px;color:#6f7a84;text-align:center;}
		.complete_wrap .quotes{position:relative;padding:35px 0;width:100%;font-size:20px;line-height:28px;color:#001310;text-align:center;}
		.complete_wrap .member_check_complete.ty2{position:relative;}
		.complete_wrap .member_check_complete.ty2 .help{margin-top:6px;}
		.complete_wrap .member_check_complete.ty2 .help_popup{top:50%;left:50%;width:100%;transform:translate(-50%,70%);}
	.complete_wrap .info{width:100%;}
	.complete_wrap .info ul{padding:0 20px;}
	/*.complete_wrap .info ul li{position:relative;border-bottom:1px solid #f2f2f2;line-height:40px;color:#3e4b55;text-align:right;}
	.complete_wrap .info ul li span:first-child{position:absolute;top:0;left:0;font-size:12px;color:#757575;text-align:left;}*/
	.complete_wrap .info ul li{display:table;width:100%;line-height:16px;border-bottom:1px solid #f2f2f2;color:#3e4b55;}
	.complete_wrap .info ul li span{display:table-cell;padding:12px 0;text-align:right;vertical-align:top;}
	.complete_wrap .info ul li span:first-child{min-width:80px;font-size:12px;color:#757575;text-align:left;}
	.complete_wrap .info ul li span.bank em{display:block;margin-bottom:3px;}
	
.table-row{display:table-row;width:100%;}
.table-cell{display:table-cell;}

.search_cont{padding-bottom:24px;}
	.search_cont .search_top{padding-bottom:30px;}
	.search_cont .search_top .txt{font-size:16px;line-height:22px;color:#001310;}
	.search_cont .search_result_wrap{margin:0 -22px;padding:0 22px;border-top:1px solid #f4f4f4;}
		.search_cont .search_result_wrap .no_result{height:calc(100vh - 275px);}
		.search_cont .search_result_wrap .search_result{margin:0 -22px;}
			.search_cont .search_result_wrap .search_result .result_txt{padding:24px 22px 17px;font-size:12px;color:#001310;}
			.search_cont .search_result_wrap .search_result .list_type2{overflow:auto;margin-top:0;padding:0 22px;}
			.search_cont .search_result_wrap .search_result .list_type2 li:first-child{margin-top:0;}

.list_type1{}
	.list_type1 li:first-child {margin-top:20px;}
	.list_type1 li{margin-top:30px;}
	.list_type1 li .check_wrap{display:block;}
	.list_type1 li .check_wrap label{padding-left:30px;font-size:14px;line-height:20px;color:#3e4b55;}
	.list_type1 li.on label{color:#009591;}
	.list_type1 .ic_bank,
	.list_type3 .ic_bank{/*display:inline-block;*/vertical-align:top;padding-left:28px;background-size:20px;line-height:20px;}

.list_type2{margin-top:15px;}
	.list_type2 li{position:relative;margin-top:8px;padding:17px 19px 15px;border:1px solid #e8eeed;border-radius:6px;}
	.list_type2 li a{display:block;}
	.list_type2 li.on{border-color:#009591;}
	.list_type2 li strong{display:block;margin-bottom:6px;font-weight:400 !important;font-size:19px;color:#001310;}
	.list_type2 li strong em{display:inline-block;vertical-align:top;}
	.list_type2 li strong em.search_word{color:#009591;}
	.list_type2 li strong em.status{margin-left:4px;padding:3px 3px 0;height:14px;border:1px solid #3faeab;border-radius:4px;font-size:8px;line-height:8px;color:#009591;}
	.list_type2 li span{position:relative;font-size:12px;line-height:18px;color:#6f7a84;}
	.list_type2 li span.money{display:block;padding-right:100px;}
	.list_type2 li span.money em{position:absolute;top:0;right:0;color:#3e4b55;}
	.list_type2 li .btn_del{overflow:hidden;position:absolute;top:10px;right:10px;width:20px;height:20px;text-indent:-9999px;text-align:left;}
	.list_type2 li .btn_del:before,
	.list_type2 li .btn_del:after{content:'';position:absolute;top:4px;left:9px;width:1px;height:13px;background:#b8c2c2;}
	.list_type2 li .btn_del:before{transform:rotate(-45deg);}
	.list_type2 li .btn_del:after{transform:rotate(45deg);}

.list_type3{overflow:hidden;border-radius:6px;}
	.list_type3 li{position:relative;margin-top:-1px;border:1px solid #e8eeed;}
	.list_type3 li:first-child{margin-top:0;border-radius:6px 6px 0 0;}
	.list_type3 li:last-child{border-radius:0 0 6px 6px;}
	.list_type3 li:only-child{margin-top:0;border-radius:6px;}
	.list_type3 li .check_wrap{padding:15px;}
	.list_type3 li .check_wrap label{display:block;padding-left:30px;font-size:14px;color:#001310;}
	.list_type3 li .check_wrap label .info{position:relative;margin-top:4px;padding-right:105px;font-size:12px;color:#6f7a84;}
	.list_type3 li .check_wrap label .info .name{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
	.list_type3 li .check_wrap label .info .money{position:absolute;top:0;right:0;color:#3e4b55;}
	.list_type3 li.on{z-index:5;border-color:#009591;}
	.list_type3 li.on .check_wrap label,
	.list_type3 li.on .check_wrap label .info,
	.list_type3 li.on .check_wrap label .info .money{color:#009591;}
	.list_type3 li.disabled{pointer-events:none;cursor:default;}
	.list_type3 li.disabled .check_wrap label,
	.list_type3 li.disabled .check_wrap label .flag{color:#b7bcc0 !important;}
	.list_type3 li.disabled .check_wrap label .flag{border-color:#b7bcc0;}
	.list_type3 li.disabled .check_wrap input[type=radio]{opacity:0.4;}
	.list_type3 li.disabled .ic_bank{filter:grayscale(100%);}
	
.dot_list li{margin-top:14px;padding-left:10px;background:url('../../../ros/resource/images/ic_dot02.png') 0 10px no-repeat;background-size:2px;line-height:24px;color:#3e4b55;}
	.dot_list li:first-child{margin-top:0;}
	.dot_list li a{vertical-align:top;}
	.dot_list li a[href^="tel:"]{color:#009591;}

.no_result{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;}
	.no_result .msg{padding-top:60px;background:url('../../../ros/resource/images/ic_no_result.png') 50% 0 no-repeat;background-size:48px;font-size:15px;color:#b7bcc0; margin-top: -10px}
	.no_result .msg .sub_txt{margin-top:10px;color:inherit;}

.no_account{display:flex;justify-content:center;align-items:center;height:calc(100vh - 472px);text-align:center;}
	.no_account .msg{margin-top:24px;font-size:15px;line-height:23px;color:#6f7a84;}
	.no_account .msg button{margin-top:17px;}
	
.my_tribute{padding:25px 0;color:#000;}
	.my_tribute dt{font-size:15px;}
	.my_tribute dd{margin-top:30px;font-size:20px;line-height:1;text-align:right;}
	.my_tribute dd em{margin-right:2px;font-weight:300;font-size:30px;}
	
.service_time{display:inline-block;margin-top:9px;padding:13px 32px;border:1px solid #e8eeed;font-size:15px;line-height:22px;}

.help{overflow:hidden;margin-top:-2px;width:14px;height:14px;border:1px solid #009591;background:url('../../../ros/resource/images/ic_help.png') center no-repeat;background-size:5px;border-radius:50%;vertical-align:top;text-indent:-9999px;}
.help_popup{display:none;position:absolute;z-index:200;padding:11px 15px;background:#fff;border:1px solid #b7bcc0;border-radius:6px;font-size:12px;line-height:19px;color:#707a84;text-align:left;}
.help_popup .close{position:absolute;top:10px;right:11px;width:10px;height:10px;}
.help_popup .close:before,
.help_popup .close:after{content:'';position:absolute;top:-2px;left:4px;width:1px;height:13px;background:#b7bcc0;transform:rotate(-45deg);}
.help_popup .close:after{transform:rotate(45deg);}

/* ICON */
.flag{display:inline-block;padding:3px 3px 0;height:14px;border:1px solid #6c7777;border-radius:4px;font-size:8px;line-height:1;color:#6c7777;vertical-align:top;margin-left:4px;}
	.flag.error{border-color:#ed1651;color:#ed1651;}
	.flag.pray{border-color:#009591;background-color:#e5f2f1;color:#009591;}
	.flag.new{margin-top:-2px;padding:0 4px;height:12px;border:none;border-radius:999px;background-color:#009591;font-size:8px;line-height:14px;color:#fff;vertical-align:middle;}
	.list_type3 .flag{margin-top:2px;}

/* BANK ICON */
.ic_bank{background-position:0;background-repeat:no-repeat;background-image: url(../../../ros/resource/images/bank/bank_n.png);}
.bank_002{background-image:url('../../../ros/resource/images/bank/bank_002.png');}
.bank_003{background-image:url('../../../ros/resource/images/bank/bank_003.png');}
.bank_004{background-image:url('../../../ros/resource/images/bank/bank_004.png');}
/*.bank_005{background-image:url('../../../ros/resource/images/bank/bank_005.png');}*//*외환은행*/
.bank_007{background-image:url('../../../ros/resource/images/bank/bank_007.png');}
.bank_009{background-image:url('../../../ros/resource/images/bank/bank_009.png');}
.bank_011{background-image:url('../../../ros/resource/images/bank/bank_011.png');}
.bank_012{background-image:url('../../../ros/resource/images/bank/bank_012.png');}
.bank_020{background-image:url('../../../ros/resource/images/bank/bank_020.png');}
.bank_023{background-image:url('../../../ros/resource/images/bank/bank_023.png');}
.bank_027{background-image:url('../../../ros/resource/images/bank/bank_027.png');}
.bank_031{background-image:url('../../../ros/resource/images/bank/bank_031.png');}
.bank_032{background-image:url('../../../ros/resource/images/bank/bank_032.png');}
.bank_034{background-image:url('../../../ros/resource/images/bank/bank_034.png');}
.bank_035{background-image:url('../../../ros/resource/images/bank/bank_035.png');}
.bank_037{background-image:url('../../../ros/resource/images/bank/bank_037.png');}
.bank_039{background-image:url('../../../ros/resource/images/bank/bank_039.png');}
.bank_045{background-image:url('../../../ros/resource/images/bank/bank_045.png');}
.bank_048{background-image:url('../../../ros/resource/images/bank/bank_048.png');}
.bank_050{background-image:url('../../../ros/resource/images/bank/bank_050.png');}
.bank_054{background-image:url('../../../ros/resource/images/bank/bank_054.png');}
.bank_055{background-image:url('../../../ros/resource/images/bank/bank_055.png');}
.bank_056{background-image:url('../../../ros/resource/images/bank/bank_056.png');}
.bank_057{background-image:url('../../../ros/resource/images/bank/bank_057.png');}
.bank_058{background-image:url('../../../ros/resource/images/bank/bank_058.png');}
.bank_059{background-image:url('../../../ros/resource/images/bank/bank_059.png');}
.bank_060{background-image:url('../../../ros/resource/images/bank/bank_060.png');}
.bank_061{background-image:url('../../../ros/resource/images/bank/bank_061.png');}
.bank_062{background-image:url('../../../ros/resource/images/bank/bank_062.png');}
.bank_064{background-image:url('../../../ros/resource/images/bank/bank_064.png');}
.bank_067{background-image:url('../../../ros/resource/images/bank/bank_067.png');}
.bank_071{background-image:url('../../../ros/resource/images/bank/bank_071.png');}
.bank_081{background-image:url('../../../ros/resource/images/bank/bank_081.png');}
.bank_087{background-image:url('../../../ros/resource/images/bank/bank_087.png');}
.bank_088{background-image:url('../../../ros/resource/images/bank/bank_088.png');}
.bank_089{background-image:url('../../../ros/resource/images/bank/bank_089.png');}
.bank_090{background-image:url('../../../ros/resource/images/bank/bank_090.png');}
.bank_209{background-image:url('../../../ros/resource/images/bank/bank_209.png');}
.bank_218{background-image:url('../../../ros/resource/images/bank/bank_218.png');}
.bank_226{background-image:url('../../../ros/resource/images/bank/bank_226.png');}
.bank_227{background-image:url('../../../ros/resource/images/bank/bank_227.png');}
.bank_230{background-image:url('../../../ros/resource/images/bank/bank_230.png');}
.bank_238{background-image:url('../../../ros/resource/images/bank/bank_238.png');}
.bank_240{background-image:url('../../../ros/resource/images/bank/bank_240.png');}
.bank_243{background-image:url('../../../ros/resource/images/bank/bank_243.png');}
.bank_247{background-image:url('../../../ros/resource/images/bank/bank_247.png');}
.bank_261{background-image:url('../../../ros/resource/images/bank/bank_261.png');}
.bank_262{background-image:url('../../../ros/resource/images/bank/bank_262.png');}
.bank_263{background-image:url('../../../ros/resource/images/bank/bank_263.png');}
.bank_264{background-image:url('../../../ros/resource/images/bank/bank_264.png');}
.bank_265{background-image:url('../../../ros/resource/images/bank/bank_265.png');}
.bank_266{background-image:url('../../../ros/resource/images/bank/bank_266.png');}
.bank_267{background-image:url('../../../ros/resource/images/bank/bank_267.png');}
/*.bank_268{background-image:url('../../../ros/resource/images/bank/bank_268.png');}*//*아이엠투자증권*/
.bank_269{background-image:url('../../../ros/resource/images/bank/bank_269.png');}
.bank_270{background-image:url('../../../ros/resource/images/bank/bank_270.png');}
.bank_278{background-image:url('../../../ros/resource/images/bank/bank_278.png');}
.bank_279{background-image:url('../../../ros/resource/images/bank/bank_279.png');}
.bank_280{background-image:url('../../../ros/resource/images/bank/bank_280.png');}
.bank_287{background-image:url('../../../ros/resource/images/bank/bank_287.png');}
.bank_289{background-image:url('../../../ros/resource/images/bank/bank_289.png');}
.bank_290{background-image:url('../../../ros/resource/images/bank/bank_290.png');}
.bank_291{background-image:url('../../../ros/resource/images/bank/bank_291.png');}
.bank_292{background-image:url('../../../ros/resource/images/bank/bank_292.png');}
.bank_294{background-image:url('../../../ros/resource/images/bank/bank_294.png');}

/* ////////// CALENDAR ////////// */
.calender_wrap {width:316px; border-radius:10px; padding: 0 18px 22px; background:#fff;box-shadow: 0 4px 6px 3px rgba(34,34,34,.1);}
.calender_wrap .calender_top {border-bottom:1px solid #ebedee; display:flex; justify-content:space-between; align-items:center;}
.calender_wrap .calender_top .btn_left {min-width:30px; padding-left:15px;}
.calender_wrap .calender_top .btn_right {min-width:30px; padding-right:15px;}
.calender_wrap .calender_top button {overflow:hidden; width:30px; height:30px; text-indent:-9999px;}
.calender_wrap .calender_top button.prev {position:relative; margin-left:-8px;}
.calender_wrap .calender_top button.prev:before {content:''; display:block; clear:both; position:absolute; top:10px; left:11px; width:10px; height:10px; border-top:1px solid #9ea5aa; border-left:1px solid #9ea5aa; transform:rotate(-45deg);}
.calender_wrap .calender_top button.next {position:relative; margin-right:-8px;}
.calender_wrap .calender_top button.next:before {content:''; display:block; clear:both; position:absolute; top:10px; right:11px; width:10px; height:10px; border-top:1px solid #9ea5aa; border-left:1px solid #9ea5aa; transform:rotate(135deg);}
.calender_wrap .calender_top button:disabled{background:none;}
.calender_wrap .calender_top button:disabled:before{display:none;}

.calender_wrap .selectbox {position:relative; width:77px; z-index: 1; display:inline-block;}
.calender_wrap .selectbox.s02 {width: 54px !important; margin-left:-10px;}
.calender_wrap .selectbox.s01:before, .selectbox.s02:before{content:""; position:absolute; top:50%; right:8px; width:0; height:0; margin-top:-1px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #222;}
.calender_wrap .selectbox label {position:absolute; top:1px; left:5px; padding:.5em .5em; color:#fff; z-index:-1;}
.calender_wrap .selectbox select {width:100%; height:auto; line-height:normal; font-family:inherit; padding:.8em .5em; border:0; background:none; color:#222; font-size:20px;}

.calender_wrap table {position:relative; overflow:hidden; text-transform:capitalize; text-align:center; font-size:15px; color:#545A5C;margin-top:18px;}
.calender_wrap thead {color:#999;}
.calender_wrap tbody {color:#222;}
.calender_wrap td {padding: .135em .1em; vertical-align: bottom;}  
.calender_wrap tbody tr td:first-child{color:#009591;}
.calender_wrap .day {position:relative; display:inline-block; width:32px; height:32px; line-height:32px; vertical-align:bottom;}
.calender_wrap .day.active {background:#009591; color:#fff !important; border-radius:50%;}
.calender_wrap .day.today:before{content:'';position:absolute; top:1px; left:calc(50% - 2px); width:4px; height:4px; background-color:#009591;padding:0; border-radius:50%}

/* ////////// POPUP ////////// */
.elec_home dl{margin-bottom:25px;}
.elec_home dt{font-size:15px;}
.elec_home dd{margin-top:12px;font-size:12px;line-height:18px;color:#6f7a84;}
.elec_home dd img {max-width:100%;}

.pray_cont{font-size:13px;line-height:23px;}

.tab_menu li span.ic{margin-right:9px;width:19px;height:19px;background-position:0 0;background-repeat:no-repeat;background-size:19px;}
	.tab_menu li.on span.ic{background-position:0 bottom;}
	.ic_android {background-image:url('../../../ros/resource/images/ic_android.png');}
	.ic_ios {background-image:url('../../../ros/resource/images/ic_ios.png');}
.ic_menuC {width:10px; height:10px; border:1px dashed #ed1651; display:inline-block;border-radius: 50%;margin-left:4px;}
.elec_home.reco {padding:0 22px;border-bottom:1px solid #eef0f2;}
.elec_home.reco_b0 {padding:0 22px;}
.elec_reco {padding:24px 22px; border-top:9px solid #f5f7f8; border-bottom:1px solid #f5f5f5;}
.elec_reco p {color:#3e4b55; background-color:#f5f7f8; border-radius:5px; padding:26px 19px;font-size:12px; line-height:18px; text-align:center;}
.elec_reco p span {color:#009591;}
.elec_reco + .elec_home {padding-top:25px;}
.popup_tab .tab_menu{margin-top:-24px;}
.popup_tab .tab_cont{margin:0 -22px -24px;}
.ic_menuR {width:12px; height:12px; line-height:12px; text-align:center; background-color:#ed1651; display:inline-block; border-radius:50%; margin-left: 4px; color:#fff; font-size:8px;}

.tit_wrap dt {font-size:15px;color:#001310;padding-top:28px;}
.tit_wrap dd {font-size:12px;color:#3e4b55;margin-top:11px;line-height:18px;}
.tit_wrap dd.info {font-size:11px;color:#6f7a84;margin-top:5px;margin-bottom:20px;}

.btn_box button{width:100%;height:43px;line-height:43px;border-radius: 6px; border:1px solid #009591; color:#009591;font-size:12px;}
.pw_box {width:100%;height:98px;border-radius: 6px; border:1px solid #b3bdbd; background-color:#f5f7f8;text-align:center;margin-top:10px;}
.pw_box .tit {font-size:10px; color:#3e4b55; margin-top:14px;}
.pw_box .num {font-size:52px; color:#3e4b55;font-weight:bold;}
.ars_info {font-size:11px;color:#6f7a84;margin-top:11px;line-height:15px; position: relative;padding-left:14px; }
.ars_info:before {content:'※'; width:10px; height:10px; display:inline-block; text-align:center;margin-right:5px; position: absolute; left: 0px; top: 0;}

.clause_list dt{font-size:15px;color:#001310;}
	.clause_list dt:not(:first-child){margin-top:20px;}
.clause_list dd{margin-top:15px;}
	.clause_box{overflow:auto;padding:8px 10px 10px;height:55px;border:1px solid #e8eeed;border-radius:6px;background-color:#f6f8f8;font-size:11px;line-height:18px;color:#6f7a84;}

.top_info {height: 69px; line-height: 69px; border-radius: 6px; background-color:#f5f7f8;margin: 9px 0;}
.top_info span {width:100%; font-size: 12px; color:#3e4b55; line-height:18px; display:inline-block; text-align:center; vertical-align: middle;}
.popup .top_info {margin:16px 0 20px 0;}
.agree_wrap {padding-top:24px;}
.agree_wrap .agree_list{border:1px solid #e8eeed; border-radius:6px;}
.agree_wrap .agree_list dt {border-bottom:1px solid #e8eeed;}
.agree_wrap .agree_list dt .check_wrap {margin:12px 0; font-size:12px;color:#3e4b55;margin-left: 16px;}
.agree_wrap .agree_list dt .check_wrap span{font-size:10px;color:#009591; vertical-align: top;}
.agree_wrap .agree_list dt:not(:first-child){margin-top:20px;}
.agree_wrap .agree_list dd{padding:16px 15px;}
/*.agree_wrap .agree_list dt label, .agree_wrap .agree_list dd label{width:100%;}*/
.agree_wrap .agree_list .agree_sub{border-bottom:1px solid #e8eeed;}
.agree_wrap .agree_list .agree_sub:last-child{border-bottom:0}
.agree_wrap .agree_box{overflow:auto;padding:8px 10px 10px;height:210px;border:1px solid #e8eeed;border-radius:6px;background-color:#f6f8f8;font-size:11px;line-height:18px;color:#6f7a84;}
/*.bottom_btn_area {position: fixed;bottom: 0;left: 0;padding: 10px 22px 22px;width: 100%;}*/
.agree_wrap .check_wrap label{font-size:12px;color:#3e4b55;}
.agree_wrap .agree_list dd.agree_sub{padding:13px 15px !important;}
.agree_wrap .agree_list dd.agree_sub span {float:right; font-size:10px; color:#3e4b55; border-bottom:1px solid #3e4b55;height:16px;height: 12px;margin-top: 2px;}
.agree_wrap .info {font-size:11px; color:#6f7a84;margin-top:10px;}
.agree_wrap .check_wrap {position: relative;}
.agree_wrap .check_wrap .arrow {position:absolute; top:-4px; right:15px; width:18px;height:18px;}
.agree_wrap .check_wrap .arrow:before {content:""; display:inline-block; margin-top:-2px; width:8px; height:8px; border:solid #a1a8af; border-width:0 1px 1px 0; transform:rotate(45deg);}
.agree_wrap .check_wrap label span{font-size:10px;color:#009591;}
.input_wrap.in_btn {display:flex; justify-content:space-between;}
.input_wrap.in_btn .input_area {width: calc(100% - 107px);}
.input_wrap.in_btn button.btn {width:107px; margin-left:16px;font-size:14px;}
.input_wrap.in_btn + .info {font-size:11px; color:#6f7a84; margin-top:12px;}
.input_wrap .input_area.in_txt {position:relative;}
.input_wrap .input_area.in_txt .text {position:absolute;top:14px;right:30px;font-size:10px; color:#009591;}

/* ////////// 2020-08-12 오픈뱅킹 ////////// */
button.none, a.none,
button[disabled], a[disabled]{background:#96d2d0;pointer-events:none;}
.open_banking .agree_tit {border: 1px solid #e8eeed;border-radius: 6px; position:relative;padding: 13px 15px;margin-bottom:26px;}
.open_banking .agree_list + .agree_list{margin-top:12px;}
.open_banking .agree_list label .fs {font-size:10px;}
.agree_info {font-size: 12px; color: #3e4b55;margin-top:24px;line-height: 18px}
.agree_wrap.open_banking .agree_list dt .check_wrap {margin:19px 0 19px 16px;}
.agree_wrap.open_banking .agree_list dd {height:48px;}
.agree_wrap.open_banking .agree_list dd .font_c {font-size:10px; color:#009593;vertical-align: top}
.agree_wrap.open_banking .agree_list .agree_sub .text_h {line-height:14px; margin-top:-5px;}
.open_banking .clause_list .clause_box {height: 180px;}
.open_banking .user_clause dl {padding:24px 0 16px;}
.open_banking .user_clause dl:first-child{padding-top:0;}
.open_banking .user_clause dt {color:#001310;font-size:15px;text-align:center;background-color:#ebeced;height:49px;line-height:49px;border-radius:6px}
.open_banking .user_clause dd {/*height:30%;padding:24px 0 14px;*/font-size:11px;color:#6f7a84;line-height: 18px;} 
.open_banking .user_clause .line_two {line-height: 18px;padding-top: 6px;}
.open_banking .user_clause .fs13 {font-size:13px;}
.open_banking .user_clause .fs14 {font-size:14px;}


/*약관*/
.ta_r {text-align:right;}
.ta_c {text-align:center;}
.paragraph-title  {overflow:hidden; line-height:0; font-size:0; text-indent:-1000px;}
.contract1 + .contract1 {margin-top: 30px;}
.contract1_content1 h3 {font-size:13px;}
.contract1_header {padding: 15px; margin-bottom: 20px; background: #f6f6f6; border: 1px solid #b7b7b7;}
.contract1_content1 > li {margin-bottom: 1rem;}
.contract1_content3 > li {list-style: decimal; padding-left: 0; margin-left: 12px;}
.contract1_content2 li {background:none; list-style:decimal; padding:0; margin-left:12px;}
.contract1_content3 .contract1_content3 > li {list-style: hangul; margin-left: 18px;}
.contract1_content4 {counter-reset: set-counter;}
.contract1_content4 > li {position: relative; list-style: none; margin-left: 0; padding-left: 18px;}
.contract1_content4 > li::before {counter-increment: set-counter; content: counter(set-counter); position: absolute; left: 0; top: 4px; width: 10px; height: 10px; text-align: center; line-height: 10px; border-radius: 50%; border: 1px solid #6f7a84; color: #6f7a84; font-size: 11px;}
caption, legend {overflow: hidden; visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
.n_table_s {width: 100%; text-align: left; color: #444; font-size: 13px; margin-bottom: 10px;}
.n_table_s {width:100%; text-align:left; color:#444; font-size:12px; margin-bottom:10px;}
.n_table_s td{padding:6px; border:1px solid #b7b7b7; vertical-align:top;}
.n_table_s td:first-child {background:#f6f6f6;}
.n_table_s thead th, .n_table_s tbody th {background: #f6f6f6; border: 1px solid #b7b7b7; font-weight: normal; vertical-align: top; word-break: keep-all;padding:6px 0;}
.stress2 {font-size: 12px; line-height: 1.2; vertical-align: top; margin-bottom: 10px; color: #444;}

/* ////////// LOADING ////////// */
.t_wrap {position:fixed;width:100%;/*height:100%;*/overflow:auto;top:0;left:0;bottom:0;display:table;}
.c_wrap {display:table-cell;vertical-align:middle;text-align:center;}
.loading_wrap {display:inline-block;width:58px;height:58px;position:relative;text-align:center;}
.loading_layer {display: inline-block;background:transparent;border-radius: 50px;border: 5px solid #6e7e8b;width:53px;height:53px;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99;}
.loading_img {display: inline-block;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9;width:56px;height:56px;background: url('/resource/img/com/ico/loading_img.gif') no-repeat 0 0;background-size:56px;}


/* 보증재단대출 온라인약정 */
.agreement_main {position:relative}
.agreement_main .main_top {text-align:center; background:#e5fbf9; padding:45px 22px; box-sizing:border-box;}
.agreement_main .main_top>p {font-size:28px; color:#009591; padding:30px 0; font-family:'HANA', 'NS' !important;}
.agreement_main .main_top>a {display:inline-block; width:100%; height:48px; background:#009591; color:#fff; font-size:21px; line-height:2.2; border-radius:5px; font-weight: bold; box-shadow: 0 4px 8px rgba(0,149,145,.2);}
.agreement_main .main_mid {padding:28px 22px 20px;}
.agreement_main .main_mid>p {font-size:15px; line-height:1.3; word-break:keep-all}
.agreement_main .main_bot>p {font-size:12px; line-height:1.3; color:#666; word-break:keep-all}
.agreement_main .main_bot {padding:20px 0 54px; margin: 0 20px; border-top:1px solid #f2f2f2;}
.agreement_main #btn_fixed {display:none; position:sticky; bottom:22px; width:calc(100% - 44px); margin-left:22px; height:48px; background:#009591; font-size:21px; line-height:2.2; border-radius:5px; box-shadow:0 4px 8px rgba(0,149,145,.2);}
.agreement_main #btn_fixed a {display:block; text-align:center; text-decoration:none; color:#fff; font-weight: bold;}

.agreement .tit_type2 {font-size:15px; padding-bottom:20px; line-height:22px; text-align:center;}
.agreement .step_wrap_type2 {background: url(../../../ros/resource/images/dashed_2.png) 25px 48% repeat-y; background-size:1px}
.agreement .step_wrap_type2 li {background:#f5f7f8; width:100%; height:50px; border-radius:4px; line-height:28px; padding:10px 12px; box-sizing:border-box; margin-bottom:10px; font-size:15px}
.agreement .num_type2 {display:inline-block; width:26px; height:26px; border-color:#009591; color:#fff; background-color:#009591; border-radius:50%; text-align:center; line-height:24px; font-size:15px; margin-right:10px; font-weight:200;}
.agreement .txtwrap {font-size:12px;}

.agreement .loan_list .clearfix:after {content:""; display:block; clear:both; zoom:1;}
.agreement .loan_list .clearfix {padding-bottom:14px}
.agreement .loan_list .loan_tit {font-size:16px; font-weight:bold; margin-bottom:14px;}
.agreement .loan_list .loan_amount {line-height:22px;}
.agreement .loan_list .tit {float:left}
.agreement .loan_list .cont {float:right; color:#666;}
.agreement .loan_list .cont .big {font-size:22px; font-weight:bold;}
.agreement .loan_list .btn_wrap .btn {width:100%; border-radius:4px;}
.agreement .gray_contents > form > .section.type2 {margin-top:0; padding:20px 22px} /* 210506 전지수 - 개발 수정 요청 반영 */
.agreement .gray_contents > .section.type3 {margin-top:0; padding:10px 22px; background:#eee; text-align:center;}

.agreement .complete_wrap_type2 {text-align:center; border-bottom:1px solid #3b444c; padding:30px 0;}
.agreement .complete_wrap_type2>img {width:16%; margin-bottom:20px}
.agreement .complete_wrap_type2>.complete_txt_top {font-size:18px; margin-bottom:10px}
.agreement .complete_wrap_type2>.complete_txt_bot {font-weight:bold;}
.agreement .download_wrap {text-align:center; margin-top:16px;}
.agreement .download_wrap>a {display:block; border: 1px solid #3b444c; border-radius:4px; padding: 10px; font-weight:bold; margin-bottom:10px}
.agreement .download_wrap>.bnr {width:100%;}

.agreement .password_wrap {text-align:center;}
.agreement .password_wrap dt {color:#009591; font-weight:bold;padding:24px 0;}
.agreement .password_wrap input[type=password] {width:0; height:0;}
.agreement .password_wrap dd>span {display:inline-block; margin: 1px 3px 0 3px; width:14px; height:14px; border-radius:50%; background:#999;}
.agreement .password_wrap dd>span.on {background:#009591;}
.agreement .section.type4 {border-bottom:0}
.agreement table.row_type {font-size:13px;}
.agreement table.row_type tbody tr {border-bottom: 1px solid #f1f1f1;}
.agreement table.row_type tbody tr:last-child {border-bottom:none}
.agreement table.row_type tbody tr td:first-child {background:#f1f1f1; text-align:center; border-left:none; font-weight:bold;}
.agreement table.row_type tbody tr:first-child td {border-top:1px solid #000;}
.agreement table.row_type tbody tr:last-child td {border-bottom: 1px solid#000}
.agreement table.row_type tbody td {padding:10px; line-height:19px; vertical-align: middle; border-left: 1px solid #d2d2d2}

.agreement .terms_list_wrap .clearfix:after {content:""; display:block; clear:both; zoom:1;}
.agreement .terms_list_wrap .terms_list {margin:16px 0; height:35px;}
.agreement .terms_list_wrap .terms_list:first-child {margin-top:0;}
.agreement .terms_list_wrap .terms_list:last-child {margin-bottom:0;}
.agreement .terms_list_wrap .terms_list .tit {float:left; font-size:16px; font-weight:bold; display:inline-block;}
.agreement .terms_list_wrap .terms_list strong.tit {line-height:35px;}
.agreement .terms_list_wrap .terms_list .tit>p {font-size:12px; color:gray; font-weight:normal;}
.agreement .terms_list_wrap .terms_list .cont {float:right; width:26%; height:100%; background:#009591; border-radius:4px; text-align:center;}
.agreement .terms_list_wrap .terms_list .cont label {display:inline-block; width:100%; height:100%; vertical-align: initial}
.agreement .terms_list_wrap .terms_list .cont input {display:none;}
.agreement .terms_list_wrap .terms_list .cont span {display:inline-block; height:100%; color:#fff; font-size:12px; line-height:32px}
.agreement .terms_list_wrap .terms_list .cont span.btn_after {width:100%; background-color:#fff; box-sizing:border-box; border:1px solid #a8a8a8; border-radius:4px; color:#a8a8a8;}

.agreement .gray_box {width:100%; background:#eee; padding:16px; box-sizing:border-box;}
.agreement .radio_wrap {margin-top:10px;}
.agreement .radio_wrap input[type="radio"], .btn_radio {width:25px; height:25px; margin: 0 4px 0 0; background: url('../../../ros/resource/images/sp_radio.png') no-repeat 0 0; background-size:25px auto !important; position:initial; border:0;}
.agreement .radio_wrap input:checked[type="radio"], .btn_radio.on {-webkit-appearance:none !important; background-position: 0 100%;}
.agreement .radio_wrap .radio_agree {display:inline-block; margin-right:30px;}
.agreement .radio_wrap .radio_disagree {display:inline-block;}
.agreement .radio_wrap label {line-height:25px}

.agreement .agreement_chkbox_wrap {position:relative; text-align:right;}
.agreement .agreement_chkbox_wrap input[type=checkbox] {top:10px;}
.agreement .agreement_chkbox_wrap label {display:inline-block; width:calc(100% - 18px); text-align:left; padding-left:10px;}
.agreement .dim_popup .popup_contents .btn_area {margin-top:20px;}

.agreement .info_type2 {font-size:11px; color:#6f7a84; margin-top:12px;}


/* 210428 전지수 - 모바일헌금 고도화 css 추가 [S]*/
.renewal .clearfix:after {content:""; display:block; clear:both; zoom:1;}
.renewal .bottom_btn_area.two_agree > a.bottom {width:50%; margin-right:4px}
.renewal .bottom_btn_area.two_agree > a.bottom+a.bottom {width:50%; margin-left:4px; margin-right:0;}
.renewal a.btn.agree_left {background:#16a077;}

.renewal .complete_wrap .msg_scroll_cont {max-height: 165px; padding: 5px 20px 17px; overflow-y:auto;}
.renewal .complete_wrap .msg_scroll_cont p {font-size:24px; line-height:1.3;}

.renewal .transfer .txt_wrap {text-align:center;}
.renewal .transfer .txt_wrap p:first-child {font-size:14px;}
.renewal .transfer .txt_wrap p:first-child>span {color:#009591}
.renewal .transfer .txt_wrap p:last-child {font-size:12px; color:#6f7a84;margin-top:13px;}
.renewal .transfer .txt_wrap p:last-child>span {color:#3e4b55}

.renewal .transfer .list_type2 {margin-top:24px;}
.renewal .transfer .list_type2.list_complete li {background:#f7f9fa; border:none;}
.renewal .transfer .list_type2 li {height:70px; padding:16px 18px 16px 6px; box-sizing: border-box; margin-top:0; margin-bottom:8px;}
.renewal .transfer .list_type2 li:last-child {margin-bottom:0}
.renewal .transfer .list_type2 li>a {display:flex; justify-content: space-between; align-items: center;}
.renewal .transfer .list_type2 li .list_title {text-align:center; font-size:11px; color:#6f7a84;width:14%;}
.renewal .transfer .list_type2 li .list_title .status {display:block; width:38px;  margin:0 auto; background: #e5f2f1; height:14px; border: 1px solid #009591; border-radius:4px; font-size:8px; line-height:12px; color:#009591;}
.renewal .transfer .list_type2 li strong {font-size:15px; width:62%; margin-bottom:0; padding-left:10px; line-height:1.2} /* 210503 전지수 - 수정 */
.renewal .transfer .list_type2 li strong>em { display:block; max-width:123px; padding-top:4px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.renewal .transfer .list_type2 li strong>span {display:inline-block; vertical-align:bottom; max-width:82px; color:#009591; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* 210503 전지수 - 수정 */
.renewal .transfer .list_type2 li .money {position:relative; width:33%; color:#3e4b55;padding-right:0; padding-top:22px; text-align:right; font-size:15px;} /* 210621 전지수 - position:relative 추가 */
.renewal .transfer .list_type2 li .money .flag.error {position:absolute; top:0; right:0; line-height:0.6;} /* 210621 전지수 - 추가 */
.renewal .transfer .list_type2 li .btn_del {top:13px; right:13px;}

/* 210503 전지수 - 수정[S] */
.renewal .click_icon {position:fixed; z-index:400; width:48px; height:48px; bottom: 86px; right:24px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 50%;background: rgba(81, 93, 102, 0.65) /* animation:swipe 1.3s ease infinite; */ } 
/* @keyframes swipe {
	0%{transform: translateY(0%);}
	50%{transform: translateY(10%);}
	100%{transform: translateY(0%);}
} */
.renewal .click_icon .click_img {position:absolute; top:14%; left:14%; z-index:410; width:72%}
.renewal .click_icon .click_circle {position:absolute; z-index:401; border-radius:50%; background:#fff; top:44%; left:44%; animation: click_attract 1s linear infinite; border: 1px solid #fff;}
@keyframes click_attract {
	0%{transform: scale(1, 1); opacity:0.7}
	100%{transform: scale(10, 10); opacity:0}
} 
/* //210503 전지수 - 수정[E] */

.renewal .group_wrap,.group_wrap_2 {margin-bottom:23px; display:flex; justify-content: space-between}
.renewal .group_title {display:block; font-size:12px; color:#009591; margin-bottom:8px;}
.renewal .group_cont {display:block; font-size:15px;}
.renewal .btn.green {display:inline-block; padding:0 15px; height:32px; border-radius:999px; background:#3faeab; font-size:13px; color:#fff;}
.renewal .group_wrap_2 .group_cont {color:#6f7a84;}
/* //210428 전지수 - 모바일헌금 고도화 css 추가 [E]*/


/* 210428 임민지 - 모바일헌금 고도화 css 추가 [S] */
.renewal .search_cont .search_result_wrap .search_result .list_type2 {padding-top:24px;}
.renewal .search_cont .search_result_wrap .search_result .list_type2 li {padding:13px 20px;}
.renewal .search_cont .search_result_wrap .search_result .list_type2 li strong {margin:0; font-size:14px;}

.renewal .hd_tit {color:#001310; font-size:16px; font-weight:400; line-height:22px;}

.renewal .input_area_disabled {background:#f5f7f8; border:1px solid #b3bdbd; border-radius:4px; padding:0 10px;}
.renewal .input_area_disabled input.inp:disabled {color:#3e4b55; font-size:15px;}

.renewal .click_cont {display:none; position:fixed; z-index:499; left:0; right:0; width:100%; background:#fff; padding:20px 22px 90px; border-radius:20px 20px 0 0; box-shadow:2px 3px 7px 6px #ddd; transition:all 600ms cubic-bezier(0.86, 0, 0.07, 1);} /* 210503 전지수 - z-index 추가 */
.renewal .click_cont .click_bnr {margin-top:6px;}
.renewal .click_cont .click_bnr:first-child {margin-top:0;}
.renewal .click_cont .click_bnr > img {width:100%;}

.renewal-click #contents {padding-left:0; padding-right:0;}
.renewal-click #contents .renewal-click_wrap {padding:0 22px;}
/* //210428 임민지 - 모바일헌금 고도화 css 추가 [E] */


/* 210430 전지수 - 모바일헌금 고도화 css 추가 [S] */
.renewal .prayer_wrap .date,.time {font-size:11px; color:#6f7a84;}
.renewal .prayer_wrap .time {margin-left:6px;}
.renewal .prayer_wrap .sort {font-size:11px; margin:0 11px;} /* 210520 전지수 - 수정 */
.renewal .prayer_wrap .name {font-size:13px; padding-top:6px; padding-bottom:15px;}
.renewal .prayer_wrap .group_name {font-size:12px; padding-top:6px; padding-bottom:15px}
.renewal .prayer_wrap .prayer_cont {border-top:1px solid #f2f2f2; padding-top:15px; line-height:1.5}

.renewal.renewal_prayer .popup .popup_container .popup_contents {padding:0}
.renewal.renewal_prayer .prayer_wrap {padding: 24px 22px;}

.renewal.renewal_prayer .reply_prayer_wrap {background:#f5f7f8; padding:24px 22px 0;}
.renewal.renewal_prayer .reply_prayer_wrap .text em {color:#009591;}
.renewal.renewal_prayer .reply_prayer_wrap:last-child {padding: 24px 22px;}
.renewal.renewal_prayer .reply_prayer_wrap .prayer_cont {border:none; background:#fff; padding:15px 14px; box-sizing:border-box; border-radius:10px;}

.renewal .input_wrap.full_write .letter_counter_wrap {display:flex; justify-content: space-between}
.renewal .input_wrap.full_write p {padding-bottom:12px;}
.renewal .input_wrap.full_write p+.text {font-size:12px; color:#6f7a84; text-align:right;}

.renewal .renewal_hd_search .select_area_ty2 {display:flex; justify-content: space-between; align-items:center; margin-top:7px;} /* 210504 전지수 - 수정 */
.renewal .renewal_hd_search .select_area_ty2 label {width:75%;}
.renewal .renewal_hd_search .select_area_ty2 select {width:100%; box-sizing:border-box; border: 1px solid #e8eeed; border-radius:6px; font-size:15px; padding-left:12px} /* 210504 전지수 - 수정(2) */
.renewal .renewal_hd_search .select_area_ty2 .date_tit.select_tit{line-height:1.2}

.renewal .renewal_hd_search .check_area {display:flex; justify-content: space-between; align-items: center; margin-top:7px} /* 210504 전지수 - 수정 */
.renewal .renewal_hd_search .check_area .check_wrap {margin-top:0; width:75%;}
.renewal .renewal_hd_search .check_area .check_wrap label:not(:first-child) {margin-left:12px;}
.renewal .renewal_hd_search .check_area .check_tit {width:40%; line-height:1.2; font-size:15px;}

.renewal .renewal_hd_search_ty2 .prayer_list .prayer_wrap .sort_list .sort:before {display:none;}
/* .renewal .prayer_list .result_wrap {height:46vh; overflow-y:auto;} */ /* 210503 전지수 - 삭제 */
/* .renewal .prayer_list .result_wrap.ty2 {height:35vh;} */  /* 210503 전지수 - 삭제 */
/* 210504 전지수 - 수정(2)[S] */
.renewal .prayer_list.ty2 .prayer_wrap .sort_list .sort:before {display:none}
.renewal .prayer_list.ty2 .group_name {padding-bottom:4px;} 
.renewal .prayer_list.ty2 .group_name>em {position:relative; padding-left:10px;}
.renewal .prayer_list.ty2 .group_name>em::before {position:absolute; content:''; width:1px; height:12px; background:#222; left:5px; top:4px;}
.renewal .prayer_list.ty2 .prayer_wrap .name {padding-top:0;}
.renewal .prayer_list.ty2 .prayer_wrap .reply_txt {color:#009591; font-size:15px; padding-top:8px; margin-left:-6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; /* padding-right:80px; */}
.renewal .prayer_list.ty2 .prayer_wrap .icon_answer {top:21px; left:initial; right:initial; bottom:initial; padding: 2px 8px;} /* 210520 전지수 - 수정 */
.renewal .prayer_list.ty2 .prayer_wrap {padding:18px 0; border-bottom: 1px solid #f4f4f4}
/* //210504 전지수 - 수정(2)[E] */
/* //210430 전지수 - 모바일헌금 고도화 css 추가 [E] */

/* 210430 임민지 - 추가 [S] */
.renewal .renewal_hd_search {margin-bottom:27px;} /* 210504 전지수 - 수정 */
.renewal .renewal_hd_search .date_area {margin-top:7px;} /* 210504 전지수 - 수정 */
.renewal .renewal_hd_search .date_area:first-child {margin-top:0; align-items:center;}/* 210504 전지수 - 수정 */
.renewal .renewal_hd_search .date_tit {width:25%; color:#001310; font-size:15px;} /* 210504 전지수 - 수정 */
.renewal .renewal_hd_search .date_tit + div {width:75%;}
.renewal .renewal_hd_search input[type=radio]:before,
.renewal .renewal_hd_search input[type=checkbox]:before {top:50%; left:50%; width:9px; height:9px; background:#fff; border-radius:50%; border:none; transform:translate(-50%, -50%);}
/* .renewal .renewal_hd_search .check_wrap {margin-top:10px;} */  /* 210504 전지수 - 삭제 */
.renewal .renewal_hd_search .check_wrap label {color:#3e4b55; font-size:12px; padding-left:23px;}
.renewal .renewal_hd_search .check_wrap label:not(:first-child) {margin-left:28px;} /* 210504 전지수 - 추가 */
.renewal .renewal_hd_search .btn_area {text-align:center; margin:15px 0 0;} /* 210504 전지수 - 수정 */
.renewal .renewal_hd_search button.btn.btn_ok {position:static; width:180px; height:36px; background:#009591; color:#fff;} /* 210504 전지수 - 수정 */

.renewal .prayer_list .fx_wrap {color:#6f7a84; font-size:12px;}
.renewal .prayer_list .result_wrap {margin-top:12px; padding-bottom:26px;}
.renewal .prayer_list .check_wrap label {padding-left:24px;}
.renewal .prayer_list .prayer_wrap {position:relative; padding:18px 0; border-bottom: 1px solid #f2f2f2}/* 210503 전지수 - 수정 */
.renewal .prayer_list .prayer_wrap .date_list {display:inline-block; vertical-align:middle;}/* 210503 전지수 - 수정 */
.renewal .prayer_list .prayer_wrap .sort_list {display:inline-block; width:60%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}/* 210603 전지수 - 수정 */
.renewal .prayer_list .prayer_wrap .sort_list .sort_wrap {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#3e4b55}/* 210603 전지수 - 추가 */
.renewal .prayer_list .prayer_wrap.read .sort_list .sort_wrap {color:#b3bdbd;}/* 210603 전지수 - 추가 */
.renewal .prayer_list .prayer_wrap .sort_list .sort {position:relative; /* color:#3e4b55; */} /* 210603 전지수 - color 삭제 */
.renewal .prayer_list .prayer_wrap .sort_list .sort:before {content:""; position:absolute; right:-8px; top:50%; display:inline-block; width:2px; height:2px; background:#3e4b55; transform:translateY(-50%);}/* 210603 전지수 - right:-6px->right:-8px 수정 */
.renewal .prayer_list .prayer_wrap.read .sort_list .sort:before {background:#b3bdbd}/* 210603 전지수 - 추가 */
.renewal .prayer_wrap .sort.last {margin: 0;}/* 210603 전지수 - 추가 */
.renewal .prayer_list .prayer_wrap .sort_list .sort.last:before {background:none;}
.renewal .prayer_list .prayer_wrap .name {color:#001310; font-size:15px; padding:11px 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:70px;}
.renewal .prayer_list .prayer_wrap.read .date,
.renewal .prayer_list .prayer_wrap.read .time,
.renewal .prayer_list .prayer_wrap.read .sort,
.renewal .prayer_list .prayer_wrap.read .name {color:#b3bdbd;}
.renewal .prayer_list .prayer_wrap .icon_answer {position:absolute; right:0; bottom:18px; color:#009591; font-size:8px; text-align:center; background:#e5f2f1; border:1px solid #009591; border-radius:4px; padding:2px 4px; vertical-align:middle;}
/* //210430 임민지 - 추가 [E] */


/* 210504 헌금이체-헌금하시는 분 추가[S] */
.renewal .list_box>p {margin-top:24px; font-size:12px}
.renewal .list_box .check_list {width:100%; font-size:17px; color:#3e4b55; vertical-align:middle; min-height:80px; max-height:125px; overflow-y:scroll; border: 1px solid #e8eeed; box-sizing:border-box; border-radius:6px; background-color: #f6f8f8;padding: 13px 15px; margin-top:12px}
.renewal .list_box .check_list li {margin-top:15px;}
.renewal .list_box .check_list li:first-child {margin-top:initial;}
.renewal .list_box .check_list li label>span {margin-left:4px; color:#6f7a84;}
.renewal .check_wrap label {font-size:15px;}
.renewal .check_input_box {margin-top: 24px;}
.renewal .check_input_box .check_wrap label {color:#3e4b55;}
/* //210504 헌금이체-헌금하시는 분 추가[E] */


/* 210506 전지수 - PIN 인증 추가[S] */
.renewal .input_wrap.pin {display:flex; justify-content:space-between;}
.renewal .input_wrap.pin .input_area {width:76%;}
.renewal .input_wrap.pin .btn {width:61px;}

.renewal .group_list_wrap {overflow:auto; height:62vh}
.renewal .group_list_wrap .group_list_tit {background:#f9f9f9; text-align:center; padding:8px 0;}
.renewal .group_list_wrap ul li {padding-top:18px;}
/* //210506 전지수 - PIN 인증 추가[E] */

/* 210624 전지수 - 수정[S] */
/* 210113 모바일헌금 renew작업 st */
.renew #intro .add_home {margin-top:40px;}
.renew #intro .add_home span.arr {color:#fff;}
.renew #intro .add_home span.arr:after {border-color:#fff;}
.renew #intro.christianity2 .add_home span.arr {color:#333;}
.renew #intro.christianity2 .add_home span.arr:after {border-color:#333;}
.renew .add_home {position:static; width:auto; height:auto; margin-top:20px; background:none; color:#fff; font-size:16px; line-height:1.3;}
.renew .add_home span.icon {display:inline-block; width:35px; height:41px; margin:0 13px 0 0; padding-top:0; background:url('../../../ros/resource/images/ic_home_renew.png') 0 0 no-repeat; background-size:100%; vertical-align:middle;}
.renew .add_home span.arr {position:relative; display:inline-block; color:#3e4b55; text-align:left; vertical-align:middle;}
.renew .add_home span.arr:after {content:''; display:inline-block; width:6px; height:6px; margin:-3px 0 0 2px; border:1px solid #3e4b55; border-width:2px 2px 0 0; transform:rotate(45deg); vertical-align: middle;}
.renew .top_info {padding:0 10px;}
.renew .top_info span {font-size:17px; line-height:1.3;}
.renew .agree_wrap .agree_list dt .check_wrap {font-size:14px;}
.renew .agree_wrap .agree_list dt .check_wrap span {font-size:14px;}
.renew .agree_wrap .agree_box {font-size:16px; line-height:1.3;}
.renew .agree_wrap .check_wrap label{margin-top:18px; font-size:17px; color:#6c7777; line-height:23px;}
.renew .tit_wrap .sub_txt {padding-top:23px; font-size:15px; color:#001310; line-height:1.4;}
/* 210119 모바일헌금 renew작업 end */
/* //210624 전지수 - 수정[E] */

/* 240930 재동의 프로세스 S  */
.renew #openBankReAgree .agree_wrap .check_wrap label{margin-top: 0; font-size: 15px;}
.bankbook_list{padding-top:25px;}
.bankbook_list li:first-child {border-radius: 6px 6px 0 0}
.bankbook_list li:last-child {border-radius: 0 0 6px 6px}
.bankbook_list li:only-child{margin-top:0;border-radius:6px;}
.bankbook_list li{border:1px solid #e8eeed; margin-top:-1px; position: relative;}
.bankbook_list .check_wrap {margin:18px 15px;}
.list_type1 li .agree_end{position: absolute; font-size: 14px; line-height: 20px; color: #3e4b55; right: 15px; top: 50%; transform: translateY(-50%);}
.list_type1 li .agree_end .data{font-size: 13px; display: block;}
.gray_contents > .section + .section{border:none;box-shadow:none;}
/* 240930 재동의 프로세스 E */