@charset "utf-8";
/** -----------------------
  * @ 파일 : selectbox.css
  * @ 구분 : selectbox 관련 모듈
  * -----------------------
**/

/* bottom sheet */
.-sheet{display:none;overflow:hidden;position:fixed;left:0;right:0;bottom:-100%;z-index:1001;background-color:#fff;border-radius:.6rem .6rem 0 0}
.-sheet_inner{position:relative}
.-sheet_head{min-height:6rem;padding:2rem 6rem 1.9rem 2.4rem;font-weight:500;color:#151515}
.-sheet_body{padding:1rem 2.4rem 3rem;max-height:28rem;overflow-y:auto}
.-sheet_body.-longmode{max-height:38rem} /* 21.02.15 추가 */
.-sheet_body.-h_inherit{max-height:inherit} /* 21.04.16 추가 */
.-sheet_list{-webkit-overflow-scrolling:touch}
.-sheet_option{display:block}
/* .-sheet_option.-disabled{margin:0 -2.4rem;padding:0 2.4rem;background-color:#f7f7f7;color:#888} */
.-sheet_option.-disabled *{opacity:.8;color:#bababa !important}
.-sheet_option:active{margin:0 -2.4rem;padding:0 2.4rem;background-color:#f7f7f7;color:#888}

/* 21.04.26 추가 */
.-sheet_list [class*=_option]{display:block}
.-sheet_list [class*=_option].-disabled *{opacity:.8;color:#bababa !important}
.-sheet_list [class*=_option]:active{margin:0 -2.4rem;padding:0 2.4rem;background-color:#f7f7f7;color:#888}

.-sheet_close{position:absolute;right:0;top:0;width:6rem;height:6rem;background:url(/img/nonetouch/pib/_new/common/ico-close.svg) no-repeat center;background-size: 1.8rem auto;overflow:hidden;color:transparent}
.-sheet_bank{position:relative;padding-left:3rem}
.-sheet_bank:before{content:'';position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.9rem;height:1.9rem}
.-sheet_bank.-woori:before{background:url(/img/nonetouch/pib/_new/common/ico-bank-woori.png) no-repeat center;background-size:1.9rem}
.-select_button.-disabled .-sheet_bank{color:#d1d1d1}
.-select_button.-disabled .-sheet_bank.woori:before{background-image:url(/img/nonetouch/pib/_new/common/ico-bank-woori-disabled.png)}

/* bottom sheet 계좌별 스타일 모음 */
/* 기본형 */
.-txt_basic{display:table-cell;height:5.8rem;padding:1rem 0;vertical-align:middle}
/* 통화형 */
.-currency_key{margin:1rem 0;padding:.8rem 1.4rem;border-radius:1.6rem;font-weight:500;color:#204b85;background-color:#f2f5f9}
.-currency_key:nth-of-type(1){margin-top:0}
.-sheet_group{width:100%}
.-sheet_group:after{content:'';display:block;clear:both;}
.-sheet_group .-sheet_option{float:left;position:relative;width:50%;vertical-align:top}
.-sheet_group .-sheet_option:active{margin:0;padding:0;background:transparent;color:inherit;}
.-sheet_group .-bank_symbol{display:block;height:2.2rem;overflow:hidden}

.-txt_flag{display:table-cell;padding:1rem 1.4rem 1rem 3rem;line-height:2rem;position:relative;vertical-align:middle}
.-txt_flag:before{content:'';display:inline-block;position:absolute;left:0;top:50%;width:2.4rem;height:2.4rem;margin:0 .7rem 0 0;background:url(/img/nonetouch/pib/upl/ico_up_new_flag_plus.png) no-repeat 0 0 / 22.2rem auto;border-radius:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.-txt_flag .-flag_name{display:block}

.-ico_flag_nok:before {background-position:0 0;}/* 노르웨이 */
.-ico_flag_nzd:before {background-position:0 -3.3rem;}/* 뉴질랜드 */
.-ico_flag_twd:before {background-position:0 -6.6rem;}/* 타이완 */
.-ico_flag_krw:before {background-position:0 -9.9rem;}/* 한국 */
.-ico_flag_dkk:before {background-position:0 -13.2rem;}/* 덴마크 */
.-ico_flag_rub:before {background-position:0 -16.5rem;}/* 러시아 */
.-ico_flag_myr:before {background-position:0 -19.8rem;}/* 말레이지아 */
.-ico_flag_usd:before {background-position:0 -23.1rem;}/* 미국 */
.-ico_flag_vnd:before {background-position:0 -26.4rem;}/* 베트남 */
.-ico_flag_sek:before {background-position:-3.3rem 0rem;}/* 스웨덴 */
.-ico_flag_chf:before {background-position:-3.3rem -3.3rem;}/* 스위스 */
.-ico_flag_sgd:before {background-position:-3.3rem -6.6rem;}/* 싱가포르 */
.-ico_flag_gbp:before {background-position:-3.3rem -9.9rem;}/* 영국 */
.-ico_flag_eur:before {background-position:-3.3rem -13.2rem;}/* 유럽연합 */
.-ico_flag_idr:before {background-position:-3.3rem -16.5rem;}/* 인도네시아 */
.-ico_flag_jpy:before {background-position:-3.3rem -19.8rem;}/* 일본 */
.-ico_flag_cny:before {background-position:-3.3rem -23.1rem;}/* 중국 */
.-ico_flag_cad:before {background-position:-3.3rem -26.4rem;}/* 캐나다 */
.-ico_flag_thb:before {background-position:-6.6rem 0rem;}/* 태국 */
.-ico_flag_php:before {background-position:-6.6rem -3.3rem;}/* 필리핀 */
.-ico_flag_aud:before {background-position:-6.6rem -6.6rem;}/* 호주 */
.-ico_flag_hkd:before {background-position:-6.6rem -9.9rem;}/* 홍콩 */
.-ico_flag_dem:before {background-position:-6.6rem -13.2rem;}/* 독일 */
.-ico_flag_frf:before {background-position:-6.6rem -16.5rem;}/* 프랑스 */
.-ico_flag_itl:before {background-position:-6.6rem -19.8rem;}/* 이태리 */
.-ico_flag_bef:before {background-position:-6.6rem -23.1rem;}/* 벨기에 */
.-ico_flag_ats:before {background-position:-6.6rem -26.4rem;}/* 오스트리아 */
.-ico_flag_nlg:before {background-position:-9.9rem 0rem;}/* 네덜란드 */
.-ico_flag_sar:before {background-position:-9.9rem -3.3rem;}/* 사우디아라비아 */
.-ico_flag_kwd:before {background-position:-9.9rem -6.6rem;}/* 쿠웨이트 */
.-ico_flag_bhd:before {background-position:-9.9rem -9.9rem;}/* 바레인 */
.-ico_flag_aed:before {background-position:-9.9rem -13.2rem;}/* 아렙에미리트공화국 */
.-ico_flag_esp:before {background-position:-9.9rem -16.5rem;}/* 스페인 */
.-ico_flag_fim:before {background-position:-9.9rem -19.8rem;}/* 핀란드 */
.-ico_flag_pln:before {background-position:-9.9rem -23.1rem;}/* 폴란드 */
.-ico_flag_zar:before {background-position:-9.9rem -26.4rem;}/* 남아공화국 */
.-ico_flag_inr:before {background-position:-13.2rem 0rem;}/* 인도 */
.-ico_flag_pkr:before {background-position:-13.2rem -3.3rem;}/* 파키스탄 */
.-ico_flag_bdt:before {background-position:-13.2rem -6.6rem;}/* 방글라데시 */
.-ico_flag_egp:before {background-position:-13.2rem -9.9rem;}/* 이집트 */
.-ico_flag_mxn:before {background-position:-13.2rem -13.2rem;}/* 멕시코 */
.-ico_flag_brl:before {background-position:-13.2rem -16.5rem;}/* 브라질 */
.-ico_flag_bnd:before {background-position:-13.2rem -19.8rem;}/* 브루나이 */
.-ico_flag_ils:before {background-position:-13.2rem -23.1rem;}/* 이스라엘 */
.-ico_flag_jod:before {background-position:-13.2rem -26.4rem;}/* 요르단 */
.-ico_flag_ars:before {background-position:-16.5rem 0rem;}/* 아르헨티나 */
.-ico_flag_czk:before {background-position:-16.5rem -3.3rem;}/* 체코 */
.-ico_flag_mnt:before {background-position:-16.5rem -6.6rem;}/* 몽골 */
.-ico_flag_fjd:before {background-position:-16.5rem -9.9rem;}/* 피지 */
.-ico_flag_khr:before {background-position:-16.5rem -13.2rem;}/* 캄보디아 */
.-ico_flag_try:before {background-position:-16.5rem -16.5rem;}/* 터어키 */
.-ico_flag_huf:before {background-position:-16.5rem -19.8rem;}/* 헝가리 */
.-ico_flag_qar:before {background-position:-16.5rem -23.1rem;}/* 카타르 */
.-ico_flag_kzt:before {background-position:-16.5rem -26.4rem;}/* 카자흐스탄 */
.-ico_flag_npr:before {background-position:-19.8rem 0rem;}/* 네팔 */
.-ico_flag_mya:before {background-position:-19.8rem -3.3rem;}/* 미얀마 */
.-ico_flag_por:before {background-position:-19.8rem -6.6rem;}/* 포르투갈 */
.-ico_flag_gld:before {background-position:-19.8rem -9.9rem;}/* 골드 */
.-ico_flag_slv:before {background-position:-19.8rem -13.2rem;}/* 실버 */

/* 출금계좌 */
.-account_group{position:relative;padding:1.5rem 0 1.5rem 3rem}
.-bank_name{display:table;margin-top:0}
.-bank_symbol{display:table-cell;padding-right:1rem;font-weight:500;color:#151515}
.-readonly .-bank_symbol{color:#bcbcbc}
.-disabled .-bank_symbol{color:#d1d1d1;}
.-bank_logo{position:absolute;left:0;top:50%;width:2rem;height:2rem;border-radius:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.-bank_kind{display:inline-block;margin-bottom:.5rem;padding:0 .5rem;border:1px solid #969696;color:#666;font-size:1rem;font-weight:500;line-height:1.6rem;opacity:.8;vertical-align:middle}
.-bank_value{display:inline;font-weight:500}
.-bank_infos{margin-bottom:.7rem}
.-bank_infos .-bank_name{display:inline;font-weight:500;margin-right:.5rem}
.-account_group.-deposit{padding:2rem 0}
.-account_group.-deposit .-bank_num{font-size:1.4rem;margin-top:.4rem}
.-withdrawal .-bank_logo{top:3rem;}
.-bank_logo img{display:block;width:100%;height:100%;}
.-bank_num{display:table-cell;font-weight:500;color:#151515;font-size:1.6rem}
.-bank_identity{font-size:1.4rem;color:#666}
.-bank_info{margin-top:.2rem;font-size:1.4rem;text-align:right;}
.-bank_info_item{color:#666}
.-bank_info_item.-draw{color:#204b85}
.-bank_amount{margin-left:.8rem;font-weight:500}

/* 선택된 바텀쉬트 스타일 */
.-select_button .-txt_basic{display:inline;padding:0} /* 21.02.15 수정 */
.-select_button .-bank_info{position:absolute;right:0;top:5.3rem}
.-select_button .-bank_info_item.-bal,
.-select_button .-bank_info .-failed,
.-select_button .-bank_info .-loading{display:none}
.-select_button .-account_group{padding:0 0 0 3rem}
.-select_button .-account_group.-deposit{padding:0}
.-select_button .-bank_kind{display:none}
.-select_button .-bank_infos{margin:0}
.-select_button .-txt_flag{padding-top:.5rem;padding-bottom:.5rem;line-height:1.3rem;}
.-select_button .-txt_flag:before{transform:translateY(-55%);-webkit-transform:translateY(-55%);}
.-select_button .-txt_flag .-flag_name{display:inline-block}
.-select_button .-withdrawal .-bank_logo{top:50%}
/* 통화선택 21.03.24 */
.-select_button [class*='-ico_flag_']:before{transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.-select_button [class*='-ico_flag_'] .-flag_name{overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);margin:-1px;color:transparent}

.-txt_flag.-font_style-15, .-txt_flag.-font_style-21 {font-size:1.2rem;}


/* 21.04.06 타입2 (타이틀 2줄 혹은 3줄) */
.-sheet.-type2 .-sheet_head{padding:2.7rem 6rem 2.6rem 2.4rem}
.-sheet.-type2 .-sheet_body{padding-top:0}
.-sheet.-type2 .-sheet_body.-hasfix{padding-bottom:9.4rem}
.-sheet.-type2 .-h_desc{font-size:2rem;font-family:'Roboto','Noto Sans CJK KR';color:#151515}
.-sheet.-type2 .-sentence{font-size:1.4rem}
.-sheet_head [class*=-tit]{display:block}

/* 21.04.21 옵션 아이템 링크형 */
.-sheet_link{display: block}
.-sheet_link.-disabled *{opacity:.8;color:#bababa !important}

.-sheet .-notice.-round .-sentence{font-size:1.3rem}

/* 21.11.14 타입3 : 텍스트(좌) + 이미지(우) 형태 */
.-sheet.-type3 .-sheet_head {padding-bottom:1.7rem}
.-sheet.-type3 .-sheet_body {padding-top:0}
.-sheet.-type3 .-sheet_body .-imgtxt_comb {display:table;table-layout:fixed;width:100%}
.-sheet.-type3 .-sheet_body .-imgtxt_comb .-sentence {display:table-cell;padding:1.3rem 1.6rem 0 0;font-size:1.4rem;word-break:keep-all}
.-sheet.-type3 .-sheet_body .-imgtxt_comb .-sentence_img {display:table-cell;width:12rem;height:8rem;vertical-align:top}