@charset "utf-8";
/** -----------------------
  * @ 파일 : tax.css
  * @ 구분 : 공과금 관련
  * -----------------------
**/

/* 지로 간격 */
.-datepicker + .-list.-disc.-type3{margin-top:.5rem}
.-finder .-switch + label{margin-top:.6rem}
.-result + .-list.-disc.-type3{margin-top:4.5rem}
.-list.-disc.-type3 + .-buttons{margin-top:2rem}/* UB_GRO0501_001.html | UB_GRO0203_001.html 상이 */
.-heading + .-table-group{margin-top:4.5rem}
.o_warning_red + .-buttons{margin-top:2rem}
.select_account_styled + .-segment{margin-top:1.4rem}
.-segment + .-segment{margin-top:1.4rem}
.-segment + .-forms_group.-type_between{margin-top:1rem}
.-jiro_state_list .-state_cont + .-list_more{margin-top:1rem}
.-table.-inner + .-table {margin-top:3rem}
.-fieldset + .-buttons{margin-top:1rem}
.-table-group + .-field {margin-top:4.5rem}
.-table-group + .-list  {margin-top:3rem}
.-segment + .-forms_group {margin-top:1rem}
.-forms_group + .-forms {margin-top:4.5rem}
/* // 지로 간격 */

/* 컬러 지정 */
.-personal_txt_color {color:#1490ef}

.-jiro_option .-jiro_basic{padding:1.5rem 0}
.-jiro_option .-jiro_basic strong{display:block;font-size:1.6rem;font-weight:500;color:#151515;font-family:'Roboto'}
.-jiro_option .-jiro_basic span{display:block;margin-top:.2rem;font-size:1.4rem;color:#666}

/* 납부내역 총 고지수 표시 */
.-jiro_total{font-size:1.3rem;color:#666}
.-jiro_total .-point{font-size:1.4rem;color:#204b85}

/* 납부내역 리스트 - 라디오버튼 형태 */
.-jiro_list {margin-top:1.5rem;border-top:1px solid #f5f5f5}
.-jiro_list .-selection {padding:1.5rem 0;border-bottom:1px solid #f5f5f5}
.-jiro_list .-selection input[type] ~ label:before {top:.1rem;transform:translateY(0)}
.-jiro_list .-selection .-jiro_name{display:table;table-layout:fixed;width:100%}
.-jiro_list .-selection .-jiro_name .-tit{display:table-cell;overflow:hidden;width:100%;font-size:1.7rem;font-weight:500;color:#333;vertical-align:top;word-break:break-all}
.-jiro_list .-selection .-jiro_name .-value{display:table-cell;width:6.5rem;color:#666;text-align:right;vertical-align:top}
.-jiro_list .-selection .-jiro_name .-value.-payment{color:#e5483d}
.-jiro_list .-jiro_detail{padding-left:3rem;margin-top:.8rem}
.-jiro_list .-jiro_detail th{height:2.2rem;font-size:1.4rem;color:#666;vertical-align:top;word-break:break-all}
.-jiro_list .-jiro_detail td{height:2.2rem;font-size:1.4rem;color:#666;vertical-align:top;text-align:right;word-break:break-all}
/* // 납부내역 리스트 */

/* 테이블 보더 둥근 타입 */
.-table-group.-toggle .-radius_type{padding:0 2.2rem;border-radius:.6rem;border:1px solid #bcbcbc}
.-table-group.-toggle .-radius_type .-table{border:none}
.-table-group.-toggle .-radius_type .-table.-pox tbody th{font-size:1.3rem;color:#333}
.-table-group.-toggle .-radius_type .-btn_toggle{display:block;float:none;margin:1.5rem 0 1.4rem;text-align:right}
.-table-group.-toggle .-radius_type .-btn_toggle .-o_opener:before{opacity:.6}

/* 레이어 팝업 안에 번들 */
.-layer.-balloon .-layer_body .-bundle {padding:0}

/* 지로 이미지 */
.jiro_img_area{margin-bottom:3rem;text-align:center}

/* 숫자 넘버링 마크업 (라운드스퀘어) */
.-number_tag {display:inline-block;min-width:1.8rem;height:1.8rem;line-height:1.8rem;padding:0 .5rem;border-radius:.6rem;font-size:1.3rem;font-weight:500;color:#fff;text-align:center;background-color:#1364ba;font-family:'Roboto';font-style:normal}

/* 경고 강조 문구 */
.o_warning_red {position:relative;padding-left:2.2rem;margin-top:1rem;color:#e5483d}
.o_warning_red::before {content:'';position:absolute;top:.4rem;left:0;width:1.4rem;height:1.2rem;background:url(/img/nonetouch/pib/_new/content/ico_warning_red_triangle.png) no-repeat center / 1.4rem auto}

/* 공과금 납부 상태 리스트 */
.-jiro_state_list {position:relative;padding-top:1.5rem}
.-jiro_state_list .-date_sort_area{position:absolute;left:-2.4rem;top:-2.5rem;right:-2.4rem;padding:0 2.4rem;border-bottom:1px solid #f5f5f5}
.-jiro_state_list .-date_sort_area::after{content:'';display:block;clear:both}
.-jiro_state_list .-date_sort_area .-date{float:left;padding:.9rem 0;font-size:1.5rem;color:#151515;font-family:'Roboto'}
.-jiro_state_list .-date_sort_area .-sort_list{float:right}
.-jiro_state_list .-date_sort_area .-sort_list .-state{position:absolute;right:2.4rem;top:50%;transform:translateY(-50%);padding-right:1.8rem;font-size:1.2rem;color:#666}
.-jiro_state_list .-date_sort_area .-sort_list .-state::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:.3rem;height:1.5rem;background:url(/img/nonetouch/pib/_new/common/ico_dot_more.png) no-repeat center / auto 100%}
.-jiro_state_list .-date_sort_area .-sort_list .-state .-txt_basic{display:block;height:auto;padding:0}
.-jiro_state_list .-state_cont .-unit{padding:2rem 0;border-bottom:1px solid #f4f4f4}
.-jiro_state_list .-state_cont .-unit .-states_data{padding-right:3.2rem}
.-jiro_state_list .-state_cont .-unit .-states_data::after{content:'';display:block;clear:both}
.-jiro_state_list .-state_cont .-unit .-states_data .-state{float:left;font-size:1.4rem}
.-jiro_state_list .-state_cont .-unit .-states_data .-state.-positive{color:#1490ef}
.-jiro_state_list .-state_cont .-unit .-states_data .-state.-negative{color:#e5483d}
.-jiro_state_list .-state_cont .-unit .-states_data .-state .-tag{display:inline-block;padding:.2rem .8rem;margin-left:1rem;font-size:.9rem;color:#666;vertical-align:.1rem;background-color:#f2f5f9}
.-jiro_state_list .-state_cont .-unit .-states_data .-state .-link.-small{position:relative;margin-left:.8rem;padding-left:.8rem}
.-jiro_state_list .-state_cont .-unit .-states_data .-state .-link.-small::before{content:'';position:absolute;top:.3rem;left:0;width:1px;height:1.3rem;background-color:#ddd}
.-jiro_state_list .-state_cont .-unit .-states_data .-date{float:right;font-size:1.4rem;color:#999;font-family:'Roboto'}
.-jiro_state_list .-state_cont .-unit .-page_link{display:block;position:relative;padding-right:3.2rem;margin-top:1rem}
.-jiro_state_list .-state_cont .-unit .-page_link:after{content:'';position:absolute;right:0;top:5%;width:1.6rem;height:1.6rem;background:url(/img/nonetouch/pib/_new/common/ico-txt-arrow-disabled.svg) no-repeat center / auto 100%}
.-jiro_state_list .-state_cont .-unit .-page_link .-name{font-size:1.7rem;font-weight:500;color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.-jiro_state_list .-state_cont .-unit .-page_link .-desc{margin-top:1rem;font-size:1.4rem;font-weight:300;color:#666;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.-jiro_state_list .-state_cont .-unit .-page_link .-money{margin-top:1rem;font-size:1.7rem;font-weight:500;color:#333;text-align:right}
.-jiro_state_list .-state_cont .-unit .-page_link .-money .-roboto{font-size:1.8rem}
.-jiro_state_list + .-result {margin-top:2.5rem;}

/* 테이블 중간에 타이틀 */
.-table.-pox tbody th.-table_middle_title{position:relative;font-size:1.4rem;font-weight:500;color:#151515}
.-table.-pox tbody th.-table_middle_title::after{content:'';position:absolute;left:0;top:-1px;right:0;height:1px;background-color:#bcbcbc}
.-radius_type .-table.-pox tbody th.-table_middle_title::after{left:-2.2rem;right:-2.2rem}

/* 확인증 도장 */
.-localtax_stamp {width:26rem;margin:3rem auto 0}
.-localtax_stamp:after {content:"";display:block;clear:both}
.-localtax_stamp .-text {float:left;color:#333;font-size:1.6rem;line-height:9rem}
.-localtax_stamp .-stamp {float:right;width:9rem;height:9rem;background:url(/img/nonetouch/pib/_new/content/localtax_stamp.png) no-repeat;background-size:contain;text-align:center}
.-localtax_stamp .-stamp .-due {margin-top:1rem}
.-localtax_stamp .-stamp .-date {display:block;margin-top:.3rem}
.-localtax_stamp .-stamp .-bank {margin-top:.3rem}

/* 스크롤 그레이 박스 */
.-scroll_gray_box {overflow-y:scroll;height:18.8rem;margin-top:2rem;padding:2rem 1.7rem;border-radius:.6rem;background-color:#f8f8f8}
.-scroll_gray_box .-list_title {display:block;margin:1.6rem 0;font-size:1.3rem;color:#666}
.-scroll_gray_box .-list.-type3 .-list_item {font-size:1.3rem;color:#666}
.-scroll_gray_box .-list_title:first-child{margin-top:0}
.-scroll_gray_box + .-consent_txt {margin-top:2rem}

/* 지역선택 바텀시트 */
.-region_select_area {position:relative}
.-region_select_area .-region_nav {position:relative;margin:0 -2.4rem 1.5rem;border-bottom:1px solid #f5f5f5}
.-region_select_area .-region_nav::before {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:1rem;height:1.6rem;background:url(/img/nonetouch/pib/_new/common/ico-direct-arrow.svg) no-repeat right center / auto 100%;opacity:.4}
.-region_select_area .-region_nav::after {content:'';display:block;clear:both}
.-region_select_area .-region_nav .-item {float:left;width:50%}
.-region_select_area .-region_nav .-item a {display:block;height:4rem;line-height:4rem;font-size:1.7rem;color:#666;text-align:center}
.-region_select_area .-region_nav .-item.-active a {font-weight:500;color:#151515}
/* 지역선택 바텀시트 선택 */
.-addr_select_list:after {content:'';display:block;clear:both}
.-addr_select_list .-unit{float:left;width:33.3%;padding:1rem .5rem 0 .5rem}
.-addr_select_list .-unit a{display:block;width:100%;height:5rem;line-height:5rem;border-radius:.6rem;font-size:1.5rem;color:#151515;text-align:center;background-color:#f2f5f9}
.-addr_select_list .-unit a:active{background-color:#e7eef6}
.-addr_select_list.-district{display:none}

/* QR,스캔 리스트 (공통 마크업 동일) */
.-contact-list.-col{position:relative;margin:1rem 0 0 0;border-top:0;padding-bottom:2rem}
.-contact-list.-col::before{content:'';position:absolute;left:-2.4rem;bottom:0;right:-2.4rem;height:1px;background-color:#f4f4f4}
.-contact-list.-col .-contact-list_item{display:inline-block;margin-left:1rem}
.-contact-list.-col .-contact-list_item:first-child{margin-left:0}
.-contact-list.-col .-contact-list_item::before{display:none;}
.-contact-list.-col .-contact-list_item .-contact-list_link{padding:0 1.2rem 0 0;}
.-contact-list.-col .-contact-list_item .-contact-list_link::after{right:0;}
.-contact-list.-col .-contact-list_item .-contact-list_link .-contact-list_key{font-size:1.4rem;font-weight:300;color:#666}
.-contact-list.-col .-contact-list_item .-contact-list_link .-icon:before{width:1.4rem;height:1.4rem;vertical-align:-2px;background-size:1.4rem auto;}
.-contact-list.-col + .-fieldset{margin-top:3rem}