@charset "utf-8";
 
 
.ellipsis {display:block; text-decoration:none; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* ////////// NOTICE ////////// */
.notice_list .no_result {position:absolute;top:0;left:0;bottom:0;width:100%;}
.notice_list ul {}
.notice_list ul li {position:relative; font-size:14px; border-bottom:1px solid #f4f4f4; line-height:24px; padding:14px 25px 12px 0;}
.notice_list ul li:first-child {margin-top:-18px;}
.notice_list ul li p.date {font-size:13px; color:#b7bcc0; margin-top:5px;}
.notice_list ul li:before {content:""; display:block; clear:both; position:absolute; top:calc(50% - 4px); right:0px; width:8px; height:8px; border:solid #a1a8af; border-width:0 1px 1px 0; transform:rotate(-45deg);}
.notice_sub {height:calc(100% - 200px);}
.notice_sub .notice_tit {position:relative; font-size:14px; border-bottom:1px solid #f4f4f4; line-height:24px; margin-top:-18px; padding:14px 0;}
.notice_sub .notice_tit .date {font-size:13px; color:#b7bcc0; margin-top:5px;}
.notice_sub .notice_cont {overflow-y:auto; font-size:13px; color:#6f7a84; line-height:23px; padding:16px 0 145px;word-wrap:break-word;}

.notice_footer {width:100%; border-top:1px solid #f4f4f4; font-size:14px;margin:0 -22px; position:fixed; bottom:0; background-color:#fff;}
.notice_footer:before {content:""; display:block; clear:both;}
.notice_footer .next_wrap{height:48px; line-height:48px; overflow: hidden; border-bottom:1px solid #f4f4f4;}
.notice_footer .next {position:relative; padding-left:35px; float:left;}
.notice_footer .next:before {content:""; display:block; clear:both; position:absolute; top:16px; left:15px; width:8px; height:8px; border:solid #a1a8af; border-width:0 1px 1px 0; transform:rotate(45deg);}
.notice_footer .prev {position:relative; padding-left:35px; float:left;}
.notice_footer .prev:before {content:""; display:block; clear:both; position:absolute; top:22px; left:15px; width:8px; height:8px; border:solid #a1a8af; border-width:0 1px 1px 0; transform:rotate(-135deg);}
.notice_footer .ellipsis {width:calc(100% - 83px); display:inline-block; padding:0 15px; color:#757575}
.notice_footer .list_more {width:100%; height:48px; line-height:48px; color:#001310; margin:0 auto;}

/* ////////// 회원가입 ////////// */
.top_step {font-size: 17px; display: flex; justify-content: space-between; align-items: center; padding: 0; height: 88px; background:url(../../../ros/resource/images/dashed_off.png) 50% 50% repeat-x;}
.top_step.line_on {background:url(../../../ros/resource/images/dashed_on.png) 50% 50% repeat-x}
.top_step .step_left {background-color:#fff; padding-right:13px;}
.top_step .step_right {background-color:#fff;}
.top_step .step_right .num {margin-left:13px;}
.top_step .num{width:24px;height:24px;line-height:22px;content:'';border:1px solid #b7bcc0;color:#b7bcc0;font-size:15px;border-radius:50%;display:inline-block; text-align:center;box-sizing:border-box;}
.top_step .num.before_on{border:1px solid #009591; color:#009591;margin-right:9px;}
.top_step .num.on{border-color:#009591; color:#fff; background-color:#009591;margin-right:9px;}

.input_container{display:flex; margin-top:20px;justify-content: space-between; align-items: center;}
.input_container .input_wrap{margin-top:0;}
.input_container .input_area {padding-right:0;}
.input_container .input_right {min-width:190px;}
.input_container .input_right .input_area{display:inline-block;width:45px;}
.input_container .input_right .inp {display:inline-block;text-align:center;}
.input_container .circle{display:inline-block;}
.input_container .hyphen, .input_container .circle{color:#1f3837;font-size:19px; letter-spacing:4px;}

/*.input_wrap.type2 {width:100%; display:flex; justify-content: space-between; align-items: center }
.input_wrap.type2 .input_area {padding-right:0;}
.input_wrap.type2 .input_left {width:156px;}
.input_wrap.type2 .input_right {width:49px; text-align:right;}
.input_wrap.type2 .input_right input {text-align:center;}
.input_wrap.type2 .hyphen, .input_wrap.type2 .circle {color:#1f3837;font-size:19px; letter-spacing:4px;}*/

.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;}
.bankbook_list .check_wrap.indent {margin:18px 15px;}
.bankbook_list .check_wrap.indent span{margin-left:10px;}
.bankbook_list .check_wrap label {color:#3e4b55;}
.check_member .info dl dt{width: 36% !important;}
.check_member .info dl dd{width: 64% !important;}
.members dt{font-size:15px; color:#001310; padding-top:25px;}
.members dd{font-size:12px; color:#3e4b55; margin-top:17px;}


/* ////////// POPUP_style ////////// */
/*.finish_wrap{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:#fff;}
	.finish_wrap header{position:fixed;top:0;left:0;width:100%;height:56px;border-bottom:1px solid #f2f2f2;}
	.finish_wrap header .btn_close{overflow:hidden;position:absolute;top:50%;left:15px;margin-top:-15px;width:30px;height:30px;text-indent:-9999px;}
	.finish_wrap header .btn_close:before{content:'';display:block;clear:both;position:absolute;top:14px;left:5px;width:19px;height:1px;background:#3e4b55;transform:rotate(-45deg);}
	.finish_wrap header .btn_close:after{content:'';display:block;clear:both;position:absolute;top:14px;left:5px;width:19px;height:1px;background:#3e4b55;transform:rotate(45deg);}
	.finish_wrap header .finish_title{font-size:17px;line-height:56px;color:#001310;text-align:center;}

	.finish_wrap .finish_container{padding-top:56px;height:100%;}
	.finish_container .finish_contents{overflow:auto;max-height:calc(100%);height:calc(100%);padding:20px 22px 12px;}
	.finish_container .finish_contents h2:first-child{margin-top:0;padding:0;border:none;}
	.finish_container .finish_contents .bottom_btn_area{position:fixed;bottom:0;left:0;padding:10px 22px 22px;width:100%;}*/

.elec_banking{position:relative;height:100%;}
	.elec_banking .msg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:-40px;padding:35px 0;width:100%;font-size:20px;line-height:28px;color:#001310;text-align:center;}
	.elec_banking .msg:before,
	.elec_banking .msg:after{position:absolute;left:50%;transform:translateX(-50%);font-size:70px;color:#009591;opacity:.35;line-height:1;}
	.elec_banking .msg:before{content:'“';top:-10px;}
	.elec_banking .msg:after{content:'“';bottom:-10px;transform:translateX(-50%) rotate(-180deg);}
	.elec_banking dl{position:absolute;bottom:0;left:0;width:100%;}
	.elec_banking dt{font-size:15px;}
	.elec_banking dd{margin-top:10px;font-size:12px;line-height:18px;color:#6f7a84;}

.check_member{position:relative;height:100%;}
	.check_member .msg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:-50px;padding-top:75px;width:100%;background:url('../../../ros/resource/images/ic_check_member.png') 53% 0 no-repeat;background-size:61px;font-size:20px;line-height:28px;color:#001310;text-align:center;}
		.check_member .msg .sub_txt{margin-top:7px;font-size:11px;line-height:18px;color:#6f7a84;text-align:center;}
	.check_member .info{position:absolute;bottom:0;left:0;width:100%;}
	.check_member .info ul{padding:0 20px;}
	.check_member .info ul li{position:relative;border-bottom:1px solid #f2f2f2;line-height:40px;color:#3e4b55;text-align:right;}
	.check_member .info ul li span:first-child{position:absolute;top:0;left:0;font-size:12px;color:#757575;text-align:left;}

.ph_color::placeholder {color:#b3bdbd !important;}

.account_regist{}
	.account_regist dt{font-size:15px;}
	.account_regist dt:not(:first-child){margin-top:24px;padding-top:23px;border-top:1px solid #f2f2f2;}
	.account_regist dd{margin-top:10px;font-size:12px;line-height:18px;color:#6f7a84;}
	.account_regist dd .btn{display:inline-block;margin-top:7px;width:100%;height:48px;font-size:16px;}
	
.account_regist_msg{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;bottom:0;padding:304px 0 114px;width:100%;font-size:15px;line-height:24px;text-align:center;}

.type2_select {width:calc(100% - 156px); margin-left:4px;}
.type3_select {width:100px; margin-right:4px;}
.type3_select + .input_area {width:calc(100% - 100px); }
.bankbook_list.list_type1 .check_wrap.indent span {margin-left:0;}
.list_type1 li .check_wrap label {display: block; padding-left: 30px; font-size: 14px; line-height: 20px; color: #3e4b55;}
.list_type1 .ic_bank {display: inline-block;vertical-align: top;padding-left: 28px;background-size: 20px;}

/* 210421 전지수 - 추가[S] */
.agreement .top_step {height:76px}
.agreement .top_step .step_left {padding-right:3px; font-size:16px;}
.agreement .top_step .num.before_on {margin-right:4px}
.agreement .top_step .num.on {margin-right:9px}
.agreement .top_step .num {width:24px; height:24px; font-size:15px;}
.agreement .top_step .step_right .num {margin-left:4px;}
.agreement .top_step .step_right {font-size:16px}
/* //210421 전지수 - 추가[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 */