@charset "utf-8";

/* reset */
/* 2017-11-09 수정 시작 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox;-moz-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;-moz-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none}
html{height:100%}
body{height:100%;background:#fff}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'Malgun Gothic','맑은 고딕',sans-serif;color:#333}
a{color:#333;text-decoration:none}
a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
a[href*="tel"]{color:inherit}

/* global */
.ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent}
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}
.ir_caption{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.show{display:block}
.hide{display:none}
.f_l{float:left}
.f_r{float:right}
.cl_b{clear:both;width:0;height:0;font-size:0;line-height:0}
.tbl{border-collapse:collapse;border-spacing:0}
.clear_g{display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}

/* Common Images */
.img_g {
    display: block;
    overflow: hidden;
    background: url(https://kpay.kakaocdn.net/kakaopay/billgates/images/m320/img_bill_181130.png) no-repeat 0 0;
    text-indent: -9999px
}

/* 2018-09-11 수정 */
.img_intro {
    display: block;
    overflow: hidden;
    background: url(https://kpay.kakaocdn.net/billgates/images/m320/img_intro.png) no-repeat 0 0;
    text-indent: -9999px
}

/* 2016-01-25 추가 */
.img_emo {
    display: block;
    overflow: hidden;
    background: url(https://kpay.kakaocdn.net/billgates/images/m320/img_emo_171025.png) no-repeat 0 0;
    text-indent: -9999px
}

/* 2016-10-31 수정 */ /* 2017-12-19 이미지경로 수정 */
.img_check {
    display: inline-block;
    overflow: hidden;
    width: 270px;
    height: 97px;
    background: url(https://kpay.kakaocdn.net/billgates/images/m320/img_check160219.png) no-repeat 0 0;
    text-indent: -9999px
}

/* 2016-05-10 수정 */
.img_check2 {position:absolute;left:50%;width:375px;height:81px;margin-left:-191px;
    background:url(https://kpay.kakaocdn.net/kakaopay/billgates/common/m640/img_check2.png) no-repeat 0 0;
    text-indent:-9999px}/* 2016-05-25 */
.fs_light {font-family:AppleSDGothicNeo-Light,sans-serif-light;font-weight:normal}/* 2016-01-27 수정 */
.fw_b {font-weight:bold} /* 2015-12-04 추가 */
.bg_on{background-color:#f7f7f7}
.bg_on2{background-color:#1f2b35}
.bg_on3{background-color:#f8f8f8}
.bg_on4{background-color:#f5f5f5} /* 2018-02-19 추가 */
#kakaoWrap{position:relative;min-height:100%}
#kakaoHead{background-color:#1f2b35}
/* // 2017-11-09 수정 끝 */

/* header */
/* 없어져도 될듯 louis */
/*.k_head {overflow:hidden;position:relative}*/
/*.k_head .tit_bill {display:block;margin-top:12px;font-size:16px;color:#fff;font-weight:normal;text-align:center}*/
/*.k_head .link_close {position:absolute;top:4px;right:0;width:36px;height:36px}*/
/*.k_head .link_close .ico_close {width:16px;height:16px;margin:10px auto;background-position:-35px -120px}*/
/* --- */
/* ---- */
.gnb_bill {height:93px}
.gnb_bill .list_gnb {height:93px;margin:0 8px}
.gnb_bill .list_gnb li {position:relative;float:left;width:50%;height:93px}
.gnb_bill .list_gnb li:first-child:after {content:'';position:absolute;top:27px;right:0;width:1px;height:27px;background-color:#36414a}
.gnb_bill .list_gnb .link_g {display:block;overflow:hidden;height:93px;color:#fff;text-align:center}
.gnb_bill .on .link_g {color:#ffc415}
.gnb_bill .link_g .ico_pay {width:19px;height:19px;margin:22px auto 5px;background-position:-100px -200px}/* 2016-01-20 수정 */
.gnb_bill .link_g .ico_detail {width:23px;height:18px;margin:22px auto 5px;background-position:-125px -200px}/* 2016-01-20 수정 */
.gnb_bill .link_g .ico_set {width:23px;height:19px;margin:22px auto 5px;background-position:-236px -280px}/* 2017-01-31 추가 */ /* 2017-02-03 수정 */

/* main_register 2015-12-16 수정 시작 */
.cont_register {display:table;top:0;left:0;width:100%;height:100%;background-color:#1f2b35}
.cont_register .inner_register {display:table-cell;padding-bottom:110px;vertical-align:middle}
.cont_register .tit_register {display:block;margin-top:65px;font-size:17px;color:#ffcd00;font-weight:normal;text-align:center}
.cont_register .list_register {margin:40px 20px 0}
.cont_register .list_register li {margin-bottom:5px}
.cont_register .list_register .link_item {display:block;overflow:hidden;position:relative;padding:30px 16px 28px 16px;border-radius:3px;background-color:#fff}/* 2015-12-18 수정 */
.cont_register .link_item .info_bill {margin-left:55px}
.cont_register .link_item .img_g {position:absolute;top:50%;left:25px;width:37px;height:37px;margin-top:-13px}
/* 2015-12-18 삭제
.cont_register .link_item .ico_electric {left:20px;width:36px;height:23px;background-position:-255px -60px}
.cont_register .link_item .ico_gas {width:27px;height:25px;background-position:-220px -105px}
.cont_register .link_item .ico_telecom {width:25px;height:22px;background-position:-190px -105px} 2015-12-05 추가 */
.cont_register .info_bill .tit_bill {display:block;font-size:20px;color:#1e1e1e;line-height:22px;font-weight:normal}/* 2015-12-18 수정 */
.cont_register .info_bill .desc_item {display:block;font-size:12px;color:#afb2b5}/* 2015-12-18 수정 */
.cont_register .link_item .txt_event {position:absolute;top:50%;right:10px;height:24px;border-radius:24px;padding:0 12px;margin-top:-12px;font-size:12px;color:#fff;line-height:26px;background-color:#fcb50a}
.cont_register .txt_event .txt_emph {font-weight:bold}
.cont_register .btn_close {position:fixed;bottom:0;left:0;right:0;height:60px;margin:0 20px;border-top:1px solid #313a40;font-size:18px;color:#d9dadb;line-height:61px;text-align:center;background-color:#1f2b35}/* 2015-12-22 수정 */
/* .cont_register .btn_close .ico_close {display:inline-block;width:11px;height:11px;margin:23px 5px 0 0;background-position:-175px -220px;vertical-align:top} 2015-12-16 삭제 */
/* 2015-12-16 수정 끝 */
.cont_register .link_item .frame_logo{float:left;width:45px;height:37px}

@media only screen and (min-width:360px) {
    .cont_register .link_item .frame_logo{width:55px;height:45px}
    .cont_register .list_register {margin-top:20px}
    /*	.cont_register .list_register li {height:105px} 2015-12-18 삭제 */
    .cont_register .list_register .link_item {padding:33px 16px 30px 16px} /* 2015-12-18 수정 */
    .cont_register .link_item .info_bill {margin:5px 0 0 65px} /* 2015-12-18 수정 */
    .cont_register .info_bill .tit_bill {font-size:22px}
    .cont_register .link_item .txt_event{right:16px}/* 2015-12-18 추가 */
    /* 2015-12-16 수정 시작 */
    .cont_register .link_item .img_g {margin-top:-17px}
    .cont_register .link_item .ico_electric {width:43px;height:27px;background-position:-245px -220px}
    .cont_register .link_item .ico_gas {width:32px;height:32px;background-position:-175px -375px}
    .cont_register .link_item .ico_telecom {width:31px;height:27px;background-position:-210px -375px} /* 2015-12-05 추가 */
    /* 2015-12-16 수정 끝 */
}

/* 2016-01-06 수정 및 추가 시작 */
.ico_impend {width:60px;height:60px;background-position:-200px 0}/* 2016-01-27 수정 */
.ico_complete {width:62px;height:64px;background-position:-60px -59px} /* 완료 */


/* main 2015-12-18 수정 시작 */
.cont_bill {overflow:hidden;padding:10px 11px;background-color:#1f2b35}
.cont_bill .txt_info {margin:24px 0 0px;font-size:13px;color:#a4a4a4;text-align:center}/* 2016-01-28 수정 */
.cont_bill .link_add {display:block;height:82px;font-size:17px;color:#f8f8f8;line-height:86px;text-align:center}/* 2016-01-20 수정 */
.cont_bill .link_add .ico_add {display:inline-block;width:21px;height:21px;margin:31px 7px 0 0;background-position:0 -120px;vertical-align:top}/* 2016-01-20 수정 */
.cont_bill .list_bill li{position:relative;margin-bottom:6px;text-align:center} /* 2018-02-20 수정 */
.cont_bill .list_bill .link_item {display:block;overflow:hidden;position:relative;border-radius:8px;background-color:#fff}
.cont_bill .link_item .info_bill {margin-bottom:15px}
.cont_bill .link_item .tit_bill {display:block;font-size:20px;color:#1f2b35;line-height:22px}
/* louis 수정 */
.cont_bill .info_bill .desc_item {display:inline-block;overflow:hidden;margin:5px auto 0;font-size:13px;color:#000;font-weight:bold}
/* -- */
.cont_bill .desc_item .txt_date,/* 2015-12-16 수정 */
.cont_bill .desc_item .txt_corp {float:left;font-size:13px;color:#828282}/* 2016-01-20 수정 */
.cont_bill .desc_item .bg_bar {float:left;width:1px;height:11px;margin:3px 5px 0;background-color:#b1b5b9}
.cont_bill .desc_item .txt_company {font-size:12px;color:#afb2b5;font-weight:bold}

.cont_bill .link_item .info_charge {
    margin: 0 15px;
    background-image: url(https://kpay.kakaocdn.net/billgates/images/basic/bg_dotted.png);
    -webkit-background-size: 5px 1px;
    background-size: 5px 1px;
    background-repeat: repeat-x
}

/* 2016-01-28 수정 */
.cont_bill .info_charge .tit_charge {display:inline-block;height:23px;margin-top:23px;padding:0 10px;border:1px solid #ffc000;border-radius:30px;font-size:13px;color:#ffc000;line-height:25px;font-weight:bold;vertical-align:top}/* 2016-01-20 수정 */
.cont_bill .info_charge .tit_over {display:inline-block;height:25px;margin-top:23px;padding:0 10px;border-radius:30px;font-size:12px;color:#fff;line-height:26px;font-weight:bold;background-color:#ed1c24;vertical-align:top}/* 2016-01-20 수정 */
.cont_bill .info_charge .num_charge {display:inline-block;font-family:'AppleSDGothicNeo', sans-serif;font-size:33px;color:#ffcc01;line-height:75px}/* 2016-01-20 수정 */
.cont_bill .info_charge .txt_charge {display:inline-block;font-size:22px;color:#1e1e1e;line-height:75px} /* 2015-12-22 수정 */
/* 2015-12-18 수정 끝 */


.cont_bill .link_item .ico_impend{margin:25px auto 16px}
.cont_bill .link_item .ico_complete{margin:25px auto 16px}

/* TODO 위치 아래로 이동 하자.*/
.info_over .ico_impend,
.info_impend .ico_impend,
.info_complete .ico_complete{margin:0 auto}

/* 2016-01-06 수정 및 추가 끝 */
/* .cont_bill .link_item .ico_telecom {width:46px;height:40px;background-position:-235px -175px} 2016-01-06 삭제 */
/* 2016-01-06 수정 시작 */
.cont_bill .frame_logo{display:block;width:75px;height:62px;margin:25px auto 16px}
.frame_logo .img_thumb, .ico_logo .img_thumb{width:100%;vertical-align:top}/* 2017-10-25 수정 */
/* 2016-01-06 수정 끝 */
/* 2016-01-28 추가 시작 */
.cont_add{padding:17px 11px 10px}
.cont_bill .link_close{display:block;position:relative;height:60px;margin:0 20px;font-size:18px;line-height:59px;color:#fff;text-align:center;opacity:0.8}
.cont_bill .link_close:after{position:absolute;top:0;left:0;width:100%;height:1px;background-color:#5c5c5b;opacity:0.3;content:''}
/* 기본 메인 */
.cont_bill .list_basic {margin-bottom:16px}
.list_basic .link_item .tit_bill {line-height:19px}
.list_basic .info_bill .desc_item {color:#8d8d8d;font-weight:normal}/* 2016-01-28 수정 */
.list_basic .info_charge .num_charge {font-size:16px;color:#ffcc01;line-height:52px;font-weight:bold}/* 2016-01-20 수정 */
.list_basic .info_charge .desc_charge{font-weight:normal}/* 2016-01-28 수정 */
.info_charge .num_charge .ico_add {display:inline-block;width:17px;height:17px;margin:17px 4px 0 0;background-position:-80px 0;vertical-align:top}/* 2016-01-20 추가 */
.list_basic .num_charge .txt_emph {font-weight:bold}
/* .list_basic .info_charge .ico_arrow {display:inline-block;width:6px;height:10px;margin:19px 0 0 4px;background-position:-50px -165px;vertical-align:top} *//* 2016-01-20 삭제 */

/* 납부내역조회 */
.state_area .state_head {position:relative;overflow:hidden;background-color:#1f2b35}
.state_area .state_head .tit_state {display:block;height:33px;margin-top:11px;font-size:16px;color:#fff;font-weight:normal;text-align:center}
.state_area .state_head .link_close {position:absolute;top:6px;right:13px;width:33px;height:33px}
.state_head .link_close .ico_close {width:13px;height:13px;margin:10px auto 0;background-position:-230px -235px}
.state_area .state_head .link_prev {position:absolute;top:6px;left:4px;width:28px;height:33px}
.state_head .link_prev .ico_prev {width:9px;height:16px;margin:8px auto 0;background-position:-220px -235px}
.state_area .info_total {overflow:hidden;padding:27px 15px 21px}
.state_area .info_total .txt_date {display:block;color:#ffc000}
.state_area .info_total dt {float:left;font-size:13px;color:#c8c8c8;line-height:17px;font-weight: normal}
.state_area .info_total dd {float:right;font-size:25px;color:#ffc107;line-height:33px}
.state_area .list_state {padding:0 15px}
/* 2016-01-27 수정 시작 */
.state_area .list_state .link_bill {overflow:hidden;display:block;position:relative;min-height:79px;padding:30px 10px;border-top:1px solid #eee}
.state_area .list_state .desc_charge {display:block;height:61px;margin-bottom:4px}
.state_area .desc_charge .tit_charge {display:block;font-size:17px;color:#1e1e1e;line-height:19px}
.state_area .tit_charge .txt_date {font-weight:normal}
.state_area .desc_charge .num_charge {position:absolute;top:22px;right:8px;font-size:25px;color:#1e1e1e}
/* 2018-05-25 추가 시작 - by newt */
.state_area .desc_charge .num_charge_sm {position:absolute;top:27.5px;right:8px;font-size:14px;color:#1e1e1e}
/* 2018-05-25 추가 끝 - by newt */
.state_area .desc_charge .txt_corp {display:block;margin-top:4px;font-size:12px;color:#1e1e1e;line-height:14px;opacity:0.7}
.state_area .desc_charge .txt_bar{margin:0 2px}
.state_area .list_state .desc_item {display:block;overflow:hidden;font-size:13px;color:#1e1e1e;line-height:14px}
.state_area .desc_item .txt_ing {float:left}
.state_area .desc_item .txt_num {float:left;color:#52585e}  /* 2017-02-03 수정 */
.state_area .desc_item .txt_bar {float:left;margin:0 5px;opacity:0.6}
.state_area .desc_item .txt_bill {float:right;opacity:0.6}
.state_area .sort_date {overflow:hidden;position:relative;height:70px}
.state_area .sort_date .tit_date {display:block;font-size:19px;color:#1e1e1e;line-height:76px;font-weight:normal}
.state_area .sort_date .ico_date {float:left;width:19px;height:18px;margin:28px 8px 0 25px;background-position:-35px -90px} /* 2017-02-03 수정 */
.state_area .sort_date .ico_arrow {position:absolute;top:36px;right:25px;width:16px;height:9px;background-position:0 -75px}
.state_area .sort_date .opt_date {position:absolute;top:0;left:0;z-index:1;width:100%;height:70px;border:0 none;opacity:0}
.state_area .info_state {height:95px;border-top:1px solid #dedede;font-size:14px;background-color:#f7f7f7;text-align:center}
.state_area .info_state .inner_info {display:inline-block;overflow:hidden;margin-top:28px}
.state_area .inner_info .bg_bar {float:left;width:1px;height:13px;margin:3px 25px 0;background-color:#ccc}
.state_area .inner_info .link_g {float:left;color:#1e1e1e}
.state_area .info_revoke {font-size:12px;background-color:#f7f7f7;text-align:right}
.state_area .info_revoke .link_g{display:inline-block;padding:21px 13px;color:#1e1e1e;text-decoration:underline}
.state_area .inner_info .img_g{float:left;width:14px;height:11px;margin:4px 5px 0 0;background-position:-40px -180px}
/* 2016-01-27 수정 끝 */
/* 2018-01-23 추가 시작 */
.sort_time{position:relative;max-width:269px;margin:0 auto;padding:18px 0 15px;border:1px solid #d0d0d2;background-color:#fff;text-align:center}
.sort_time .txt_selected{display:inline-block;padding-left:23px;font-weight:normal;font-size:16px;color:#000;vertical-align:top}
.sort_time .opt_date{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;width:100%;height:100%;border:0 none;opacity:0}
.sort_time .ico_arrow{display:inline-block;width:13px;height:8px;margin:7px 0 0 10px;background-position:-195px -355px;vertical-align:top}
/* // 2018-01-23 추가 끝 */

/* 납부내역 조회_납부내역 없음 2015-12-18 추가 */
.state_area .desc_state{padding:42px 0 125px 0;margin:0 15px;border-top:1px solid #c8c8c8;font-size:16px;text-align:center}
.list_tip{padding:18px 19px;margin:0 15px 24px 15px;border:1px solid #efefef;border-radius:10px;background-color:#f8f8f8}/* 2015-12-22 수정 */
.list_tip li{padding-left:10px;font-size:13px;line-height:18px;color:#1e1e1e;text-indent:-10px}
.list_tip li:before{display:inline-block;width:4px;height:4px;margin:5px 6px 0 0;border-radius:2px;background-color:#ffcd00;content:'';vertical-align:top}
/* 2015-12-18 추가 끝 */

/* 납부관리 */
.state_area .list_admin {padding:0 15px}
.state_area .list_admin li {overflow:hidden;height:192px;border-bottom:1px solid #e3e3e3}
.state_area .list_admin li:last-child {border:0 none}
.state_area .list_admin .info_item {overflow:hidden;height:192px}
.state_area .list_admin .desc_item {display:block;overflow:hidden;position:relative;margin:0 4px 0 9px;height:112px}
.list_admin .desc_item .tit_charge {display:block;margin-top:29px;font-size:17px;color:#3c4b59;line-height:20px}
.list_admin .desc_item .txt_g {font-weight:normal}
.list_admin .desc_item .txt_day {display:block;font-size:12px;color:#9da2a8}
.list_admin .desc_item .txt_payment {position:absolute;top:85px;left:0;font-size:15px;color:#3c4b59;font-weight:bold}
.list_admin .desc_item .txt_connect {position:absolute;top:88px;right:0;font-size:12px;color:#9da2a8}
.state_area .list_admin .wrap_btn {display:block;height:80px;margin:0 3px}
.state_area .wrap_btn .link_g {float:left;width:50%;height:40px;margin-top:20px;font-size:17px;color:#1f2b35;line-height:40px;text-align:center}
.state_area .link_g .inner_link {display:block;margin:0 2px;height:38px;border:1px solid #ececec;border-radius:3px;background-color:#f5f5f5}
.state_area .info_admin {padding:21px 25px 120px;border-top:1px solid #dedede;font-size:13px;color:#797979;line-height:18px;background-color:#f7f7f7}

/* 결제 취소 안내 */
.info_refund {padding:50px 0 30px}
.info_refund .ico_refund {width:120px;height:140px;margin:0 auto;background-position:-180px -160px}/* 2016-01-25 수정 */
.info_refund .tit_refund {display:block;margin-top:26px;font-size:22px;color:#1f2b35;text-align:center}
.info_refund .desc_refund {margin-top:10px;font-size:15px;color:#8d9092;line-height:20px;text-align:center}
.info_refund .list_refund {overflow:hidden;width:280px;margin:30px auto 0}
.info_refund .list_refund li {position:relative;padding-left:6px;margin-bottom:16px;font-size:16px;color:#1f2b35;line-height:17px}
.info_refund .list_refund .ico_dot {position:absolute;top:6px;left:0;width:2px;height:2px;background-position:-80px -210px}
.info_refund .list_refund .link_g {color:#1f2b35;font-weight:bold;text-decoration:underline}

/* 빌러상세 */
.view_area .info_desc_detail{display:block;margin:10px 25px 0 45px;font-size:12px;line-height:16px;color:#b7babd} /* 2017-08-25 추가 */
.view_area .biller_head {overflow:hidden;height:44px;background-color:#3d4651}
.view_area .biller_head .tit_biller {display:block;margin-top:10px;font-size:18px;color:#fff;text-align:center}
.view_area .info_biller {padding:12px 15px 0}
.view_area .info_biller .biller_logo {width:210px;height:82px;margin:28px auto 0}
.view_area .info_biller .desc_biller {padding:0 10px;margin-top:28px;font-size:13px;line-height:18px}
.view_area .info_biller .link_notice {display:block;position:relative;height:56px;margin-top:20px;border:1px solid #e4e4e4;border-radius:3px;font-size:15px;color:#333;line-height:58px;font-weight:bold;background-color:#f5f5f5;text-indent:21px}
.view_area .link_notice .ico_arrow {position:absolute;top:50%;right:18px;width:9px;height:16px;margin-top:-8px;background-position:-40px -60px}
.view_area .info_biller .list_biller {overflow:hidden;padding:0 18px}
.view_area .list_biller li {margin-top:30px;font-size:13px;color:#6e6e6e;line-height:15px}
.view_area .list_biller .link_g {color:#6e6e6e;font-weight:bold;text-decoration:underline}
.view_area .box_plus {height:73px;margin-top:30px;border-top:2px dotted #e9e9e9}
.view_area .box_plus .tit_biller {float:left;font-size:15px;margin:26px 0 0 36px}
.view_area .box_plus .link_g {float:right;width:90px;height:44px;margin:14px 15px 0 0;border-radius:3px;font-size:15px;line-height:46px;text-align:center}
.view_area .box_plus .link_go {color:#6a6a6a;border:1px solid #e4e4e4;background-color:#f5f5f5}
.view_area .box_plus .link_add {color:#fff;font-weight:bold;border:1px solid #f4b806;background-color:#ffc107}

/* 상세 */
/* 2017-11-09 수정 시작 */
.view_area .link_payment{position:fixed;bottom:0;left:0;z-index:9;width:100%;height:60px;font-size:17px;line-height:62px;background-color:#ffc61c;color:#303030;text-align:center}
.view_area .link_payment .ico_arrow{display:inline-block;width:6px;height:10px;margin:20px 0 0 6px;background-position:-50px -140px;vertical-align:top}
.view_area .view_head{overflow:hidden;position:relative;height:44px;background-color:#1f2b35}
.view_area .view_head .link_prev{position:absolute;top:6px;left:4px;width:28px;height:33px}
.view_area .view_head .link_prev .ico_prev{width:9px;height:16px;margin:8px auto 0;background-position:-220px -235px}
.view_area .view_head .tit_view{display:block;margin-top:8px;font-weight:normal;font-size:18px;color:#fff;text-align:center}
.view_area .info_total{overflow:hidden;position:relative;height:151px;text-align:center}
.view_area .info_total:after{position:absolute;bottom:0;left:0;right:0;height:10px;margin-bottom:-2px;border-radius:10px 10px 0 0;background-color:#fff;content:''}
.view_area .sort_date{overflow:hidden;margin-top:50px}
.view_area .sort_date .tit_date{display:block;font-size:16px;line-height:28px;color:#1f2b35}
.view_area .sort_date .ico_arrow{position:absolute;top:25px;right:5px;width:14px;height:8px;background-position:-80px -40px;vertical-align:top}
.view_area .sort_date .opt_date{position:absolute;top:50px;left:0;z-index:1;width:100%;height:28px;border:0 none;opacity:0}
.view_area .info_total .desc_charge{display:inline-block;overflow:hidden;padding:18px 0 0 26px}
.desc_charge .tit_g .img_g{float:left}
.view_area .info_total .tit_charge{display:block;font-weight:normal;font-size:16px;color:#ddd}/* 2018-05-04 추가 */
.view_area .info_total .num_charge{float:left;font-size:34px;color:#ffcd00;text-align:center}
.view_detail .info_total .tit_date{float:left;margin-right:4px;font-size:16px;color:#838383}
.view_detail .info_total .txt_date{display:block;margin-top:-10px;padding:0 0 20px 27px;font-size:16px;color:#646d75}/* 2107-12-11 수정 */
/* 2017-12-11 추가 시작 */
.view_detail .info_total .emph_date{color:#bcc3ca}
.view_detail .wrap_autopay{margin:27px 0 -5px;padding:0 25px}/* 2017-12-26 수정 */
.view_detail .wrap_autopay .ico_autopay{display:inline-block;width:40px;height:16px;margin-bottom:4px;background-position:0 -345px;vertical-align:middle}
.view_detail .wrap_autopay .txt_date{display:inline-block;padding:0 0 0 2px}
.view_detail .wrap_autopay .link_autopay{position:relative;float:right;margin-top:2px;font-size:11px;color:#4c555d;line-height:13px}
.view_detail .wrap_autopay .link_autopay:after{position:absolute;bottom:0;left:0;width:90%;height:1px;border-bottom:1px solid #4c555d;content:''}
/* 2017-12-11 추가 끝 */
.view_area .info_total .txt_include{position:absolute;top:14px;right:14px;height:21px;font-size:11px;line-height:20px;color:#3c4b59}
.view_area .info_total .ico_electric{width:67px;height:43px;margin:60px auto 18px;background-position:-185px -60px}
.view_detail .wrap_view{position:relative;margin-top:-1px}
.view_detail .info_desc{padding-top:80px;background-color:#fff}
.view_detail .info_desc:first-child,.view_detail .fst{padding-top:27px} /* 2018-01-16 수정 */
.view_detail .info_comparison+.info_desc{padding-top:46px}
.view_area .info_desc .tit_desc{display:block;position:relative;font-size:18px;color:#1e1e1e;letter-spacing:-1px}
.view_area .tit_desc .img_g{float:left;width:15px;height:15px;margin:5px 7px 0 20px;vertical-align:top}
.info_used .tit_desc .img_g{background-position:-60px -200px}
.info_detail .tit_desc .img_g{background-position:0 -180px}
.info_customer .tit_desc .img_g{background-position:-16px -180px}
.info_progress .tit_desc .img_g{background-position:-60px -200px}
.view_area .info_total .frame_logo{display:block;width:75px;height:62px;margin:72px auto 23px}
.view_detail .info_total{height:auto;padding-bottom:10px;background-color:#1f2b35;color:#fff;text-align:left}
.view_detail .info_total .sort_date{position:relative;margin:17px 22px 0;padding:15px 0 16px 3px;border-top:1px solid #36414a}
.view_detail .sort_date .tit_date{color:#fff}
.view_detail .sort_date .opt_date{top:0;height:100%}
.view_detail .sort_date .ico_date{float:left;width:19px;height:18px;margin:4px 8px 0 0;background-position:-60px -40px}
/* // 2017-11-09 수정 시작 */

/* 2016-01-25 수정시작 */
/* 고지금액+상태구분 */
.num_charge .img_g{display:inline-block;height:26px}
/*.view_area .num_charge .img_g{margin-left:17px}!* 2016-01-29 추가 *!*/
.info_full .num_charge .img_g:after{display:block;content:'완납'}
.info_impend .num_charge .img_g:after{display:block;content:'임박'}
/* louis 추가 */
.info_delay .num_charge .img_g:after{display:block;content:'연체'}
/**/
.info_second .num_charge .img_g:after{display:block;content:'2차납부'}/* 2017-12-11 추가 */
.info_unpaid .num_charge .img_g:after{display:block;content:'미납'}/* 2017-12-11 추가 */
.info_default .num_charge .img_g:after{display:block;content:'미납포함'}
.info_complete .num_charge .img_g:after{display:block;content:'완납(지난청구서)'}
.info_retraction .num_charge .img_g:after{display:block;content:'납부취소'}
.info_second .num_charge .img_g{width:62px;background-position:-40px -350px}/*2차납부 2017-12-11 추가 */
.info_unpaid .num_charge .img_g{width:43px;background-position:-105px -350px}/*미납 2017-12-11 추가 */
.info_expire .num_charge .img_g:after{display:block;content:'만료'}
.info_full .num_charge .img_g{width:52px;background-position:-60px -160px}/*완납*/
.info_impend .num_charge .img_g{width:41px;background-position:-190px -160px}/*임박*/
/* louis 추가 */
.info_delay .num_charge .img_g{display:none}/*연체*/
/**/
.info_default .num_charge .img_g{width:60px;background-position:-190px -130px}/*미납포함*/
.info_complete .num_charge .img_g{width:52px;background-position:-130px -130px}/*완납(지난)*/
.info_retraction .num_charge .img_g{width:70px;background-position:-60px -130px}/*납부취소*/
.info_expire .num_charge .img_g{width:44px;background-position:-200px -100px}/*만료*/

/* louis 수정 */
.view_area .info_complete .num_charge,
.view_area .info_expire .num_charge,
.view_area .info_retraction .num_charge,
.cont_bill .info_complete .num_charge,
.cont_bill .info_expire .num_charge,
.cont_bill .info_retraction .num_charge{color:#a9b0b6}
.view_area .info_default .num_charge,
.view_area .info_impend .num_charge,
.view_area .info_delay .num_charge,
.cont_bill .info_default .num_charge,
.cont_bill .info_impend .num_charge,
.cont_bill .info_delay .num_charge{color:#ee1c24}/* 2016-01-28, 2017-12-11 수정3 */
/* */

/* 고지서 납부 케이스 4종 */
/* 2016-01-28 추가2 시작 */
.info_auto .num_charge .img_g{width:66px;background-position:-150px -240px}/*자동납부*/
.info_auto .num_charge .img_g:after{display:block;content:'자동납부'}
.cont_bill .num_charge .ico_badge{margin:22px 0 0 0;vertical-align:top}/* 2016-01-28 수정 */
.cont_bill .info_impend .txt_date,
.cont_bill .info_delay .txt_date{color:#ee1c24} /* louis 추가 info_dla */
.info_full .link_item .info_charge {display:none}
.info_full .link_item .info_bill{margin-bottom:26px}
/* 2016-01-28 추가2 끝 */


/* 2016-01-26 수정 시작 */
/* 2016-01-29 수정 시작 */
.info_comparison{position:relative;height:42px;padding:12px 95px 0 24px;border-bottom:1px dashed #d9dbdd;font-weight:bold;font-size:16px;color:#3d3d3d;background-color:#fff}
.link_payevent{display:block;height:33px;padding:12px 20px 0;font-size:15px;font-weight:normal}/* 2017-10-25 추가 */
.link_payevent .emph_payevent{color:#e39500;font-weight:bold}/* 2017-10-25 추가 */
/* 2018-12-11 추가 시작 */
.link_payevent_emo{display:block;padding:9px 0 12px 35px;font-weight:normal}
.link_payevent_emo .desc_event{font-size:14px;line-height:20px;color:#0e0e0e}
.link_payevent_emo .desc_event em{font-weight:bold}
.link_payevent_emo .img_event_emot{position:absolute;top:-24px;right:34px;width:73px;height:82px}
/* 2018-12-11 추가 끝 */
.info_comparison .img_emo{position:absolute;bottom:-1px;right:8px}
/* 2016-01-29 수정 끝 */
/* 2016-01-26 수정 끝 */
/*.view_area .info_over{color:#ee1c24}*/
/*.info_over .img_emo{width:72px;height:76px}*/
.info_damage .img_emo{width:79px;height:74px;background-position:-80px 0}
.info_save .img_emo{width:58px;height:75px;background-position:-160px 0}
.info_same .img_emo{width:59px;height:75px;background-position:-220px 0}
.link_payevent .img_emo{width:80px;height:74px;background-position:0 -255px}/* 2017-10-25 추가 */

/* 사용량 비교 */
/* .view_area .info_used {margin-top:40px} 2016-01-29 삭제 */
.view_area .info_used .list_used {padding:20px 0 0 0;margin-bottom:-13px;clear:both}/* 2016-01-29 수정 */
.view_area .list_used {position:relative;overflow:hidden;margin-left:42px;line-height:29px;clear:both}
.view_area .list_used dt {position:absolute;left:0;height:32px;font-size:13px;color:#a9b0b6}
.view_area .list_used dd {height:28px;padding:0 90px 0 56px;font-size:12px;color:#1e1e1e;white-space:nowrap}/* 2016-01-26 수정 */
/* louis 수정 css3 로 수정 */
.view_area .list_used .item_used:first-child dt{color:#ffcd00;font-weight:bold}
.view_area .list_used .item_used:first-child dd,
.view_area .list_used .item_used:nth-child(2) dd{font-size:14px;font-weight:bold}
.view_area .list_used .bg_graph {display:inline-block;height:5px;margin-top:12px;background-color:#f0f1f3;vertical-align:top}
.view_area .list_used .txt_num {display:inline-block;margin-left:2px;letter-spacing:-1px;vertical-align:baseline}
.view_area .list_used .item_used:first-child .bg_graph {background-color:#ffcd00}
/* --*/

/* 사용량 추이 */
/* 2017-10-17 수정 시작 */
.view_area .cont_graph{position:relative;height:128px;padding:30px 26px 0 87px;clear:both}
.view_area .num_progress{position:absolute;top:24px;left:36px;width:55px;letter-spacing:-0.03em}
.view_area .num_progress .txt_num{display:block;margin-top:15px;padding-right:15px;font-size:10px;line-height:15px;color:#4d5969}
.view_area .num_progress .txt_num:first-child{margin-top:0}
.view_area .num_progress .txt_chart{display:block;margin-top:1px;padding-right:12px;font-size:11px;line-height:normal;color:#a9b0b6}

.view_area .list_progress {
    height: 90px;
    border-bottom: 1px solid #b1b2b2;
    background: url(https://kpay.kakaocdn.net/billgates/images/m640/bg_graph.png) repeat-x
}
.view_area .list_progress li{float:left;position:relative;width:7.69231%;height:100%}
.view_area .list_progress li:only-child{width:100%}
.view_area .list_progress li:first-child:nth-last-child(2),
.view_area .list_progress li:first-child:nth-last-child(2)~li{width:50%}
.view_area .list_progress li:first-child:nth-last-child(3),
.view_area .list_progress li:first-child:nth-last-child(3)~li{width:33.33333%}
.view_area .list_progress li:first-child:nth-last-child(4),
.view_area .list_progress li:first-child:nth-last-child(4)~li{width:25%}
.view_area .list_progress li:first-child:nth-last-child(6),
.view_area .list_progress li:first-child:nth-last-child(6)~li{width:16.66667%}
.view_area .list_progress li:first-child:nth-last-child(12),
.view_area .list_progress li:first-child:nth-last-child(12)~li{width:8.33333%}
.view_area .list_progress li:last-child .num_month{font-weight:bold;color:#ffcd00}
.view_area .list_progress li:last-child .bg_graph{background-color:#ffcd00}
.view_area .list_progress .num_month{position:absolute;top:98px;left:0;right:0;width:100%;max-height:30px;font-size:11px;line-height:10px;color:#a9b0b6;text-align:center;word-wrap:break-word}
.view_area .list_progress .bg_graph{position:absolute;bottom:0;left:50%;width:5px;margin-left:-2px;background-color:#f0f1f3}
@media
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx){
    .view_area .list_progress {
        background-image: url(https://kpay.kakaocdn.net/billgates/images/m640/bg_graph.png);
        -webkit-background-size: 1px 90px;
        background-size: 1px 90px
    }
}
/* // 2017-10-17 수정 끝 */

/* 상세내역 */
/* 2016-01-25 수정 시작  */
/* .view_area .info_detail {margin-top:85px} 2016-01-29 삭제 */
.view_area .link_info {position:absolute;top:0;right:0;height:22px;padding:0 8px;margin:2px 26px 14px 0;border-radius:22px;font-size:12px;color:#a78600;line-height:24px;background-color:#ffcd00}
.view_area .link_info .txt_emph {font-weight:bold}
.view_area .list_detail {margin:13px 25px 0 42px;padding:3px 0 4px;border-top:1px solid #c8cbcc;border-bottom:1px solid #c8cbcc;clear:both}
.view_area .list_detail li {overflow:hidden;padding:10px 0;border-bottom:1px solid #f2f6f7;}  /* 2017-08-24 수정 */
/* TODO: 확인 즉시 삭제!! .view_area .list_detail li {overflow:hidden;min-height:39px;border-bottom:1px solid #f2f6f7;line-height:39px} 2017-08-23 수정 */
.view_area .list_detail li:last-child {border:0 none}
.view_area .list_detail .tit_g {float:left;color:#a5a5a5}
.view_area .list_detail .txt_g {float:right;font-size:16px;color:#1e1e1e}
.view_area .list_detail .txt_add {float:right;margin:3px 8px 0 0;font-size:12px;color:#c1c1c1} /* 2017-08-24 수정 */
/* 2016-01-26 삭제
.view_area .emph_color .tit_g {color:#3c4b59}
.view_area .emph_color .txt_g {color:#3c4b59} */
.view_area .list_save {margin-top:4px;border:0 none}
.view_area .list_save .tit_g {font-weight:bold}
/* 2016-01-26 삭제 .view_area .list_save .txt_g {color:#3c4b59} */
/* 2016-01-26 수정 시작 */
.info_detail .banner_area {margin-top:15px;padding:0 25px;text-align:center}
.info_detail .banner_area .link_banner {display:block;overflow:hidden;border-radius:3px}
/* 2016-01-26 수정 끝 */

/* 고객정보 */
/* .view_area .info_customer {margin-top:77px} 2016-01-29 삭제 */
.view_area .list_customer {position:relative;overflow:hidden;margin:11px 25px 0 42px;border-top:1px solid #c8cbcc}/* 2016-01-26 수정 */
.view_area .list_customer dt {position:absolute;left:0;height:40px;color:#a5a5a5;line-height:47px}/* 2016-01-26 수정 */
.view_area .list_customer dd {min-height:22px;padding:15px 0 7px 78px;border-bottom:1px solid #f2f6f7;font-size:16px;color:#1e1e1e;line-height:20px;text-align:right}/* 2016-01-26 수정 */
.view_area .list_customer dd:last-child {border-color:#b1b2b2}
.info_customer .banner_area {margin-top:9px;padding:0 25px 0 42px}
.info_customer .banner_area .link_banner {display:block}
.banner_area .img_banner {width:100%;vertical-align:top}/* 2016-01-26 수정 */
/* 2016-01-25 수정 끝 */
/* 2016-01-25 추가 시작 */
/*.view_area .info_customer2 {margin-top:57px}*/
.view_area .info_customer2 .tit_desc {margin-bottom:15px}
/* 2016-01-25 추가 끝 */

/* 고시서 자세히보기 */
.view_area .info_bill {height:75px;margin-top:50px;border-top:2px dotted #f1f1f1}/* 2016-01-29 수정 */
.view_area .info_bill .link_bill {display:block;height:75px;padding:0 25px 0 20px;font-size:18px;color:#1e1e1e;line-height:77px}/* 2016-01-26 수정 */
.view_area .link_bill .txt_emph {font-weight:bold}
.view_area .link_bill .ico_g {float:left;width:15px;height:15px;margin:31px 7px 0 0;background-position:0 -180px;vertical-align:top}
.view_area .link_bill .ico_arrow {float:right;width:6px;height:10px;margin-top:33px;background-position:-50px -155px;vertical-align:top}

/* 추가상세 */
/* 2017-10-12 수정 시작 */
.view_area .detail_view{position:relative;padding:11px 0 21px}
.view_area .detail_view .link_info{top:26px;font-weight:bold;font-size:12px;line-height:24px;background-color:#a9b0b6;color:#fff}
.view_area .detail_view .tit_desc{float:left;height:52px;margin-left:20px;font-weight:normal;font-size:17px;line-height:54px;color:#1e1e1e}
.view_area .detail_view .tit_sub{float:left;margin:22px 0 0 5px;font-weight:normal;font-size:12px;line-height:14px;color:#1e1e1e}
.detail_view .list_detail_view{overflow:hidden;position:relative;margin:0 25px 0 20px;padding-top:2px;border-top:1px solid #a4a8aa;clear:both}
.detail_view .list_detail_view dt{position:absolute;left:0;height:40px;line-height:42px;color:#a9b0b6}
.detail_view .list_detail_view dd{min-height:22px;padding:11px 0 7px 55px;border-bottom:1px solid #f2f6f7;font-size:16px;line-height:20px;color:#a9b0b6;text-align:right}
.detail_view .list_detail_view dd:last-child{padding-bottom:9px;border-color:#e3e3e3}
.detail_view .list_detail_view .txt_emph{color:#3c4b59}
.detail_view .list_detail_view .txt_date{display:block;font-size:12px;color:#3c4b59}
/* // 2017-10-12 수정 끝 */
.detail_view .list_info {margin:15px 25px 0 20px}
.detail_view .list_info li {position:relative;padding-left:10px;margin-bottom:10px;font-size:12px;color:#a9b0b6;line-height:17px}
.detail_view .list_info .ico_dot {position:absolute;top:6px;left:3px;width:2px;height:2px;background-position:-80px -200px}
.detail_view .list_link {margin-top:52px}
.detail_view .list_link li {margin-bottom:15px;font-size:13px;color:#3c4b59}
.detail_view .list_link .link_g {color:#3c4b59;font-weight:bold;text-decoration:underline}
.detail_view .list_link .ico_dot {background-position:-80px -205px}
/* louis 추가 */
.detail_view .tit_desc .ico_arrow {float:right;display:inline-block;margin:25px 30px 0 0;width:10px;height:6px;background-position:-35px -140px;vertical-align:top}
.detail_view .list_detail_view .detail_view_notice {margin-top:10px;}

/* 2017-11-09 수정 시작 */
/* 고객조회 헤더 */
.regist_area{overflow:hidden}
.regist_head{overflow:hidden;position:relative;background-color:#1f2b35}
.regist_head .tit_regist{display:block;height:33px;margin-top:11px;font-weight:normal;font-size:16px;color:#fff;text-align:center}
.regist_head .link_close{position:absolute;top:6px;right:13px;width:33px;height:33px}
.regist_head .link_close .ico_close{width:13px;height:13px;margin:10px auto 0;background-position:-230px -235px}
.regist_head .link_prev{position:absolute;top:6px;left:4px;width:28px;height:33px}
.regist_head .link_prev .ico_prev{width:9px;height:16px;margin:8px auto 0;background-position:-220px -235px}

/* 공통 상단 부분 */
.regist_cont{overflow:hidden;padding:20px 25px}
.regist_cont .desc_error{margin:2px 0 14px 0;font-size:13px;line-height:16px;color:#ed1c24;text-align:center}
.regist_cont .desc_check{font-size:16px;line-height:28px;color:#efb507;text-align:center}/* 2017-10-25 수정 */
.regist_cont .regist_code{display:block;text-align:right}
.regist_cont .link_qrcode{display:inline-block;padding-right:6px}
.regist_cont .ico_code{display:inline-block;width:15px;height:12px;margin:4px 5px 0 0;background-position:-20px -220px;vertical-align:top}
.regist_cont .txt_code{font-size:15px;color:#000;opacity:.6}
.regist_cont .tit_message{display:block;padding:14px 0 12px;font-size:18px;color:#000;text-align:center} /* 2018-01-23 추가 */
.regist_cont .desc_message{margin-bottom:23px;font-size:13px;color:#1e1e1e;text-align:center} /* 2018-01-23 추가 */

/* 사용자 정보 */
.regist_info{margin-top:11px;border:1px solid #e0e0e0;border-bottom:0 none;background-color:#fff}
.regist_info:after{display:block;clear:both;content:''}
.regist_info .user_info{display:block;position:relative;padding:28px 20px 7px;border-bottom:1px solid #e5e5e5}
.regist_info .user_info:last-child{padding-bottom:5px;border-bottom:0 none}
.regist_info .user_info:last-child .inp_usernum{font-size:24px}
.regist_info .kt_number{padding:14px 10px 5px}
.regist_info .user_addr{border-bottom:0 none}
.regist_info .txt_subinfo{display:inline-block;font-size:12px;color:#b2b2b2;cursor:pointer}
.regist_info .txt_userinfo{display:block;position:relative;font-size:20px;color:#000;text-align:right}
.regist_info .opt_allot{display:block;position:relative;width:100%;padding-right:28px;border:0 none;background-color:#fff;color:#000;direction:rtl;-webkit-appearance:none;font-size:22px}/* 2018-11-30 추가 */
.regist_info .ico_arr{position:absolute;top:42px;right:22px;width:13px;height:7px;background-position:-205px -370px}/* 2018-11-30 추가 */
.regist_info .time_userinfo{display:block;margin-top:-6px;text-align:right;font-size:12px;color:#b8b8b8}/* 2017-10-25 추가 */
.regist_info .txt_usernum{position:absolute;top:11px;left:13px;z-index:9;color:#b2b2b2;text-align:center}
.regist_info .ico_info{display:inline-block;width:11px;height:11px;margin:11px 0 0 2px;background-position:-45px -200px;vertical-align:top}
.regist_info .inp_usernum{position:relative;z-index:1;width:100%;border:0 none;font-size:23px;background:transparent;color:#808080;text-align:right;outline:0 none}
.regist_info .txt_userinfo .txt_label{position:absolute;bottom:-2px;right:8px;font-size:23px;letter-spacing:-1px;opacity:.15}
.regist_info .inp_on .txt_label{display:none}
.regist_info .num_on:after{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:1px solid #777;content:''}
.regist_info .num_err:after{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:1px solid #f00;content:''}
.regist_info .txt_error{position:absolute;top:28px;left:13px;font-size:12px;color:#f30}
.regist_info .info_box{display:block;overflow:hidden;margin:1px 0 5px 0}
.regist_info .txt_addr{display:block;padding:17px 0 7px;font-size:16px;line-height:20px;color:#000;text-align:right}
.regist_info .txt_addr:last-child{margin-bottom:0}
.regist_info .user_recomm{border-top:1px solid #e5e5e5}
.regist_info .user_recomm .txt_label{font-size:20px}
.regist_info .user_recomm .txt_userinfo .inp_usernum{font-size:20px;color:#000}
/* 2018-04-05 추가 시작 */
.regist_info .btn_add{display:block;width:100%;height:66px;border-top:1px solid #f2f2f2;font-size:16px;line-height:66px;background-color:#fff;color:#b2b2b2;text-align:center}
.regist_info .btn_add .ico_plus{display:inline-block;width:14px;height:14px;margin-right:4px;background-position:-150px -355px;vertical-align:-1px}
/* 2018-04-05 추가 끝 */
.regist_info2{margin-top:11px}
.regist_info2 .user_info{padding:30px 20px 9px}
.regist_info2 .user_info .inp_usernum{font-size:20px}
.regist_info2 .user_info:last-child{padding:50px 20px 10px;padding-right:0}
.regist_info2 .user_info:last-child .inp_usernum{display:inline-block;width:80px;font-size:20px}
.regist_info2 .user_info:last-child .inp_usernum:last-of-type{width:133px;text-align:left;letter-spacing:-1px}
.regist_info2 .user_info:last-child .ico_bar{display:inline-block;width:7px;height:2px;background-color:#808080;vertical-align:middle}
.regist_error .regist_info{border-bottom:1px solid;border-color:#f00}
.regist_error .regist_info .user_info:last-child{border:0 none}
.regist_error .regist_cont .btn_off{border-top:0 none}
.regist_bill .txt_userinfo{margin-right:6px}
.regist_bill .inp_usernum{font-size:20px;color:#000}
.regist_bill .txt_userinfo .txt_label{bottom:-6px;right:-4px}
.regist_bill .inp_on .txt_label{display:none}
.regist_load .btn_tooltip{opacity:0.2}
.regist_info .txt_usernum .img_g,  /* 2017-12-19 수정 */
.regist_info .txt_subinfo .ico_tooltip{display:inline-block;width:11px;height:11px;margin:-3px 0 0 4px;background-position:0 -260px;vertical-align:middle} /* 2017-12-19 추가 */
.regist_address .regist_info .user_info{padding:9px 20px 9px 13px}
.regist_address .regist_info .txt_userinfo{opacity:.65}
.regist_address .regist_info .item_info{padding:0}
.regist_address .item_info .choice_addr .ico_check{top:26px}
.regist_address .item_info .choice_addr{padding-bottom:0}
.regist_address .item_info .choice_addr .desc_item{padding-top:21px;padding-bottom:18px}
.info_box .info_addr{float:right}
.info_box .link_addr{display:inline-block;height:25px;margin-left:3px;padding:0 8px;border:1px solid transparent;border-radius:25px;line-height:25px;-webkit-box-sizing:border-box;box-sizing:border-box}
.info_box .on{border:1px solid #c8c8c8}

/* 선택버튼 공통 */
.choice_addr{display:block;position:relative;padding-bottom:9px;border-bottom:1px solid #e0e0e0}
.choice_addr:last-child{padding-bottom:0;border-bottom:0 none}
.choice_addr .inp_comm{overflow:hidden;position:absolute;z-index:10;top:22px;left:7px;border:0 none;opacity:0.01}
.select_card .inp_comm{top:16px;left:5px}
.choice_addr .lab_comm{display:block;margin-left:30px}
.choice_addr .ico_check{position:absolute;top:16px;left:0;width:26px;height:26px;border-radius:26px;background-position:-40px -215px}
.choice_addr .inp_comm:checked+.lab_comm .ico_check{background-position:-70px -215px}
.choice_addr .desc_item{display:block;padding:13px 0 9px 21px}
.choice_addr .txt_item{display:block;font-size:13px;color:#000}
.choice_addr .txt_item .fw_b{font-size:16px}
.choice_addr .txt_num{display:block;font-size:11px;color:#b2b2b2}

/* 신청, 조회 버튼 공통 */
.regist_cont .btn_offer{z-index:9;width:100%;height:60px;font-size:16px;line-height:61px}
.regist_cont .btn_off{border:1px solid #d6d6d6;background-color:#eee;color:#acacac} /* 2018-02-05 수정 */
.regist_cont .btn_on{border:1px solid #f2c612;background-color:#ffcd00;color:#1e1e1e} /* 2018-02-05 수정 */
.regist_cont .txt_offer{color:#000;opacity:.2}
.regist_cont .btn_on .txt_offer,.regist_cont .load_on .txt_offer{opacity:1}

/* 공지사항 */
.regist_cont .list_info{overflow:hidden;margin:13px 0 50px;padding:0 14px 0 4px}/* 2017-10-25 수정 */
.regist_cont .list_info li{display:block;margin-top:16px;line-height:17px}
.regist_cont .list_info li:first-child{margin-top:0}
.regist_cont .list_info_type1{padding:0}
.regist_cont .list_info_type1 li{margin-top:0;padding-left:13px}/* 2018-01-23 추가 */
.regist_cont .list_info_type1 .desc_info{text-indent:-8px}/* 2018-01-23 추가 */
.regist_cont .desc_info{display:block;font-size:11px;color:#9d9d9d}
.regist_cont .desc_contact{font-weight:bold}
.regist_cont .desc_contact:before{display:inline-block;width:4px;height:1px;margin:7px 4px 0 0;background-color:#9d9d9d;vertical-align:top;content:''}
.regist_cont .desc_regist{font-size:13px;color:#aaa;text-align:center}
/* // 2017-11-09 수정 끝 */

/* 2018-01-23 추가 시작 */
/* 하단 설명 */
.regist_cont .desc_guide{padding-top:30px;font-size:12px;color:#404040;text-align:center}
.regist_cont .desc_guide em{color:#00a7ba}
.regist_cont .img_check5{display:block;width:272px;height:150px;margin:10px auto 65px}
/* // 2018-01-23 추가 끝 */

/* 하단배너 공지 */
.regist_notice {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background: url(https://kpay.kakaocdn.net/billgates/images/banner/banner_noti.png) #5c5757 no-repeat 50% 100%;
    -webkit-background-size: 270px 75px;
    background-size: 270px 75px;
    text-indent: -9999px;
    z-index: 10
}

/* 조회중 */
.regist_load {background:#fcfcfc}
.regist_load .tit_regist, .regist_load .txt_userinfo, .regist_load .inp_usernum {color:#999}/* 2016-02-01 수정 */
.regist_load .img_close {background-position:-190px -220px}
.regist_load .ico_code {background-position:-210px -220px}
.regist_load .txt_code {color:#cfcfcf;opacity:1}
.regist_load .regist_info {border:1px solid #f3f3f3;border-bottom:0 none}
.regist_load .regist_info .user_info {border-color:#f3f3f3}
.regist_load .regist_info .user_info:last-child {border:0 none}
.regist_load .txt_subinfo {color:#e9e9e9}
.regist_load .ico_info {background-position:-230px -220px}
.regist_load .desc_info {color:#d8d8d8;opacity:0.3}/* 2016-01-29 수정 */
/* 2016-01-29 추가 시작 */
.regist_load .notice_number{opacity:0.2}
.regist_load .list_info{opacity:0.25}
.regist_load .list_info li:before{opacity:0.3}
.dimmed_load{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;background-color:rgba(255,255,255,.1)}
/* 2016-01-29 추가 끝 */

/* 조회중 애니메이션 */
.regist_load .btn_offer {
    position: relative;
    z-index: 9;
    border: 1px solid #eed924;
    background-image: url(https://kpay.kakaocdn.net/billgates/images/basic/bg_loading.png);
    -webkit-background-size: 71px 59px;
    background-size: 71px 59px;
    -webkit-animation: loading .9s linear infinite;
    animation: loading .9s linear infinite;
    cursor: default
}

/* 2016-01-29 수정 */
.regist_load .txt_offer {opacity:1}
@-webkit-keyframes loading {
    0% {background-position:0 0}
    100% {background-position:71px 0}
}
@keyframes loading {
    0% {background-position:0 0}
    100% {background-position:71px 0}
}

/** 2018-03-30 통합용 조회하기, 신청하기(apply) 페이지 추가 시작 **/
.cont_regist{padding:20px 25px 128px}
.cont_regist .desc_regist{font-size:16px;line-height:22px;color:#efb507;text-align:center}
.cont_regist .desc_error{padding-bottom:6px;font-size:12px;line-height:15px;color:#ed1c24;text-align:center}
.cont_regist .btn_regist{display:block;width:100%;height:58px;margin-top:-1px;border:1px solid #d6d6d6;font-size:16px;line-height:58px;background-color:#eee;color:#bdbdbd;text-align:center;box-sizing:border-box}
.cont_regist .btn_regist.on{border-color:#f2c612;background-color:#ffcd00;color:#1e1e1e}
.cont_regist .btn_apply{position:fixed;bottom:0;left:0;right:0;z-index:1000;width:100%;min-width:320px;height:66px;font-size:24px;line-height:70px;background-color:#e7e7e7;color:#acacac;text-align:center}
.cont_regist .btn_apply .inner_btn{display:inline-block;line-height:1.35;vertical-align:middle}
.cont_regist .btn_apply .txt_tip{display:none;font-size:12px;color:#c37715}
.cont_regist .btn_apply.on{background-color:#ffcd00;color:#1e1e1e}
.cont_regist .btn_apply.on .txt_tip{display:block}
.cont_regist .btn_fixed{position:fixed;bottom:0;left:0;right:0;z-index:1000;width:100%;min-width:320px;height:60px;font-size:20px;line-height:62px;background-color:#e7e7e7;color:#acacac;text-align:center}
.cont_regist .btn_fixed.on{background-color:#ffcd00;color:#1e1e1e}
.cont_regist .list_notice{padding:18px 0} /* 2018-04-19 수정 */
.cont_regist .list_notice li{padding-left:12px;font-size:11px;line-height:17px;color:rgba(0,0,0,.5);text-indent:-9px}
.cont_regist .list_notice li:before{display:inline-block;width:4px;height:1px;margin-right:5px;background-color:#9d9d9d;vertical-align:super;content:''}
.cont_regist .tit_accordion{margin-top:20px;border-bottom:1px solid #eaeaea}
.cont_regist .link_accordion{display:block;position:relative;padding:16px 26px 16px 3px;font-size:16px;color:#383940}
.cont_regist .link_accordion .ico_arr{position:absolute;top:14px;bottom:16px;right:5px;width:16px;height:9px;margin:auto 0;background-position:-110px -330px}
.cont_regist .on .link_accordion .ico_arr{background-position:-90px -330px}
.cont_regist .info_accordion{padding:24px 5px 5px;font-size:12px;color:#54565e;word-wrap:break-word;word-break:keep-all}
.cont_regist .info_accordion .tit_g{display:block;margin-top:24px}
.cont_regist .info_accordion .tit_g:first-child{margin-top:0}
.cont_regist .info_accordion .emph_g{display:block;line-height:19px}
.cont_regist .info_accordion .emph_g+.list_g{margin-top:5px}
.cont_regist .info_accordion .list_g li{position:relative;padding-left:10px;line-height:17px;text-indent:-10px}
.cont_regist .info_accordion .desc_g{margin-top:5px;font-size:10px;line-height:14px}
.set_qrcode{text-align:right}
.set_qrcode .scan_qrcode{display:inline-block;padding:0 5px;font-size:15px;color:rgba(0,0,0,.6);vertical-align:top}
.set_qrcode .scan_qrcode .img_g{display:inline-block;width:15px;height:12px;margin-right:5px;background-position:-20px -220px;vertical-align:baseline}
.set_regist{margin-top:10px;border:1px solid #e0e0e0}
.set_regist.set_error{position:relative;border-color:#ed1c24}
.set_regist .box_regist{padding:12px 22px 6px 14px}
.set_regist .box_regist .area_regist{padding-top:4px}
.set_apply{margin-top:10px;padding:0 10px;border:1px solid #e0e0e0;background-color:#fff}
.set_apply .box_regist{padding:12px 10px 12px 4px}
.set_apply .box_regist:first-child{padding-bottom:10px}
.set_apply .btn_add{display:block;width:100%;height:66px;font-size:16px;line-height:66px;color:#b2b2b2;text-align:center}
.set_apply .btn_add .ico_plus{display:inline-block;width:14px;height:14px;margin-right:4px;background-position:-150px -355px;vertical-align:-1px}
.box_regist{position:relative;border-top:1px solid #e5e5e5;background-color:#fff}
.box_regist:first-child{border-top:0 none}
.box_regist .tit_regist{display:block;font-weight:normal;font-size:12px;color:#b2b2b2}
.box_regist .tit_regist .lab_regist{display:inline-block;vertical-align:top}
.box_regist .btn_tooltip{display:inline-block;width:11px;height:11px;background-position:0 -260px;vertical-align:text-top}
.box_regist .area_regist{display:block;font-size:20px;color:#000;text-align:right}
.box_regist .area_regist:only-child .choice_regist{margin-top:6px}
.box_regist .tf_regist{display:block;width:100%;border:0 none;font-size:20px;background-color:transparent;color:#000;text-align:right;outline:0 none}
/* 2018-05-24 수정 시작 */
.box_regist .tf_regist::-webkit-input-placeholder{color:#dedede;direction:rtl}
.box_regist .tf_regist:-ms-input-placeholder{color:#dedede;direction:rtl}
.box_regist .tf_regist::-moz-placeholder{color:#dedede;direction:rtl}
.box_regist .tf_regist:-moz-placeholder{color:#dedede;direction:rtl}
/* 2018-05-24 수정 끝 */
.box_regist .txt_regist{display:inline-block;vertical-align:top}
.box_regist .txt_hyphen{display:inline-block;width:7px;height:1px;background-color:#000;vertical-align:super}
.box_regist .tf_resident{display:inline-block;position:relative;vertical-align:top}
.box_regist .tf_resident .tf_regist{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;text-align:left;-webkit-text-security:disc}
.box_regist .tf_resident .lab_regist{display:block;color:#dedede}
.box_regist .tf_resident.focus .lab_regist{visibility:hidden;opacity:0}
.box_regist .txt_tip{display:block;padding-top:1px;font-size:12px;line-height:16px;opacity:.6}
.box_regist .txt_autopay{position:absolute;top:12px;right:10px;font-size:12px;color:#919191}
.box_regist .txt_autopay em{color:#376bff}
.box_regist .txt_autopay .ico_autopay{display:inline-block;width:12px;height:12px;margin-right:3px;background-position:-75px -330px;vertical-align:-1.5px}
.box_regist .ico_pay{display:inline-block;width:40px;height:16px;margin:2px 4px 0 0;font-size:1px;line-height:0;background-position:0 -345px;color:transparent;vertical-align:text-top}

/* 통합용 체크박스 */
.choice_regist{position:relative}
.choice_regist label{display:block}
.choice_regist label .ico_check{position:absolute;top:0;left:0;width:26px;height:26px;border-radius:26px;background-position:-40px -215px}
.choice_regist .lab_choice{font-size:16px;line-height:21px}
.choice_regist .inp_choice{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;border:0 none;opacity:.01}
.choice_regist .inp_choice:checked+label .ico_check{background-position:-70px -215px}
.choice_regist .txt_choice{display:block;font-size:17px;line-height:24px;color:#000}
.choice_regist .txt_num{display:block;padding-top:2px;font-size:12px;color:#b2b2b2}
.choice_autopay{margin-top:20px}
.choice_regist_type1{margin-top:15px;padding-left:30px}
.choice_regist_type2{padding:16px 0 14px 56px;border-bottom:1px solid #e5e5e5}
.choice_regist_type2 label .ico_check{bottom:0;left:10px;margin:auto 0}

/* 2018-04-19 통합용 동의 체크박스 추가 시작 */
.choice_agree{display:inline-block;position:relative;vertical-align:top}
.choice_agree .inp_agree{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;width:100%;height:100%;border:0 none;opacity:.01}
.choice_agree .lab_agree{display:block}
.choice_agree .ico_check{display:inline-block}
.choice_agree_all{margin-top:25px;padding:0 2px}
.choice_agree_all .lab_agree{height:24px;font-size:15px;line-height:25px;color:#3f3f3f}
.choice_agree_all .ico_check{width:24px;height:24px;margin-right:10px;background-position:-120px -160px;vertical-align:top}
.choice_agree_all .inp_agree:checked+.lab_agree .ico_check{background-position:-150px -160px}
.list_agreement{margin:0 5px;padding:8px 0 12px;border-bottom:1px solid rgba(0,0,0,.1)}
.list_agreement li{position:relative;padding-right:21px}
.list_agreement .choice_agree{padding:0 2px}
.list_agreement .lab_agree{font-size:13px;line-height:25px;color:#7f7f7f}
.list_agreement .ico_check{width:13px;height:10px;margin-right:16px;background-position:-80px -50px;vertical-align:0}
.list_agreement .inp_agree:checked+.lab_agree{color:#444}
.list_agreement .inp_agree:checked+.lab_agree .ico_check{background-position:-100px -50px}
.list_agreement .link_agree{position:absolute;top:0;bottom:0;right:-5px;z-index:10;width:6px;height:10px;margin:auto 0;padding:7px 10px 8px}
.list_agreement .link_agree .ico_arr{width:6px;height:10px;background-position:-225px -200px}
/* // 2018-04-19 추가 끝 */

/* 통합용 상세 - 납부하기 */
.payment_autopay{position:fixed;bottom:0;left:0;right:0;z-index:30;min-width:304px;padding:5px 8px;border-top:1px solid #e6e6e6;background-color:#f8f8f8}
.payment_autopay .choice_regist{padding:12px 0 12px 45px;font-weight:bold;font-size:16px;line-height:22px;color:#0e0e0e}
.payment_autopay .choice_regist .inp_choice{z-index:-1}
.payment_autopay .choice_regist .inp_choice:checked~.link_tip{display:inline-block}
.payment_autopay .choice_regist label .ico_check{top:9px;left:13px}
.payment_autopay .choice_regist .ico_pay{display:inline-block;width:36px;height:15px;margin:2px 1px 0 0;font-size:1px;line-height:0;background-position:0 -365px;color:transparent;vertical-align:text-top}
.payment_autopay .choice_regist .txt_benefit{margin-left:2px;font-size:13px;color:#9c9c9c;vertical-align:text-top}
.payment_autopay .choice_regist .emph_benefit{font-weight:bold;color:#376bff}
.payment_autopay .choice_regist .link_tip{display:none;padding-left:2px;font-size:13px;line-height:18px;color:#1f2b35;vertical-align:top}
.payment_autopay .choice_regist .ico_arr{display:inline-block;width:6px;height:9px;margin-left:5px;background-position:-240px -200px;vertical-align:0}
.payment_autopay .box_payment{overflow:hidden;position:relative;height:47px;margin:0 12px 20px;border:1px solid #c4c4c4;line-height:47px;background-color:#fff}
.payment_autopay .box_payment .box_selected{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;padding:0 20px;background-color:#fff;pointer-events:none}
.payment_autopay .box_payment .tit_opt{float:left;font-size:13px;color:#9d9d9d}
.payment_autopay .box_payment .txt_selected{float:right;font-weight:bold;font-size:14px;color:#000}
.payment_autopay .box_payment .opt_payment{display:block;width:100%;height:100%;border:0 none;background:none;-webkit-appearance:none}
.payment_autopay .btn_payment{display:block;width:100%;height:65px;border-radius:4px;font-weight:bold;font-size:22px;line-height:70px;background-color:#ffcd00;color:#1e1e1e;text-align:center}
.payment_autopay .btn_payment .inner_btn{display:inline-block;line-height:1.35;vertical-align:middle}
.payment_autopay .btn_payment .txt_tip{display:block;font-size:12px;color:#c37715}

/* 통합용 상세 - 푸터 */
.foot_unite{min-height:245px;padding:0 25px 90px;border-top:1px solid #c8c8c8;background-color:#e4e4e4;text-align:center}
.foot_unite.foot_payment{padding-bottom:214px}
.foot_unite .info_policy{overflow:hidden;position:relative}
.foot_unite .link_policy{float:left;width:50%;height:73px;font-size:14px;line-height:75px;color:#1e1e1e;opacity:.7}
.foot_unite .txt_bar{position:absolute;top:0;bottom:0;left:50%;right:50%;width:1px;height:13px;margin:auto;background-color:#bec1c5}
.foot_unite .link_update{width:38px;height:38px;margin:0 auto;background-position:-200px -60px}
.foot_unite .tit_update{display:block;margin-top:12px;font-size:13px;color:#1a1a1a;opacity:.5}
.foot_unite .desc_update{margin-top:15px;font-size:11px;line-height:17px;color:#000;opacity:.5}
.foot_unite .txt_update{display:block;font-size:11px;line-height:17px;color:#000;opacity:.5}

/* 통합용 레이어 */
.dimmed_layer4{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;width:100%;min-width:320px;height:100%;font-size:0;background-color:rgba(0,0,0,.4);text-align:center;white-space:nowrap}
.dimmed_layer4:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.inner_regist_layer{display:inline-block;border-radius:2px;font-size:14px;background-color:#fff;vertical-align:middle;white-space:normal}
.inner_regist_layer1{width:100%;max-width:240px;padding:0 12px;color:#000}
.inner_regist_layer1 .layer_body{padding:24px 0 20px}
.inner_regist_layer1 .layer_body .tit_layer{display:block;font-size:16px}
.inner_regist_layer1 .layer_body .desc_layer{margin-top:8px;line-height:17px}
.inner_regist_layer1 .layer_foot{position:relative;border-top:1px solid #c8c8c8}
.inner_regist_layer1 .layer_foot:before{position:absolute;top:0;bottom:0;left:0;right:0;width:1px;height:14px;margin:auto;background-color:#ccc;content:''}
.inner_regist_layer1 .layer_foot:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.inner_regist_layer1 .btn_layer{float:left;width:50%;height:58px;line-height:58px}
/** 2018-03-30 추가 끝 **/

/* 이용약관 head */
.prov_area {margin-bottom:60px}
/* 삭제가능 louis */
.prov_area .prov_head {overflow:hidden;position:relative;margin-bottom:13px;text-align:center}
.prov_area .prov_content{padding-top:12px}
.prov_area .prov_content .list_agree {padding:18px 13px 11px 16px;margin:15px 25px 0;border:1px solid #eee;background:#fff;border-radius:2px;font-size:13px}
.prov_area .prov_content .list_agree li {position:relative;width:100%;padding-bottom:6px;color:#999}
.prov_head .tit_prov {font-size:16px;color:#444;font-weight:normal;line-height:40px}
.prov_head .link_prev {position:absolute;top:0;left:0;width:49px;height:40px}
.prov_head .link_prev .ico_prev {width:15px;height:14px;margin:10px auto 0;background-position:-150px -200px}
.prov_head .link_close {position:absolute;top:0;right:0;width:49px;height:40px}
.prov_head .link_close .ico_close {width:13px;height:13px;margin:10px auto 0;background-position:-170px -200px}
/* ---- */

/* 이용약관 동의리스트 */
.prov_area .prov_agree {padding:0 25px 15px}
/* louis 수정 */
.prov_agree .list_agree {padding:18px 13px 11px 16px;margin-top:25px;margin-bottom:15px;border:1px solid #eee;background:#fff;border-radius:2px}
/* */
.prov_agree .list_agree li {position:relative;width:100%;padding-bottom:6px;color:#999}
.prov_agree .list_agree .friend_agree{padding:14px 0 13px;margin:6px 0 -6px} /* 2017-01-31 수정 */
.prov_agree .list_agree .friend_agree:after {content:'';position:absolute;top:0;left:24px;right:1px;height:1px;background-color:#ebebeb}
.prov_agree .friend_agree .txt_explain{display:block;margin-top:1px;font-size:11px} /* 2017-01-31 추가 */
.prov_agree .friend_agree .check_agree .ico_check{top:50%;margin-top:-4px} /* 2017-01-31 추가 */
.prov_agree .list_agree .check_agree {display:block;overflow:hidden;position:relative;padding-right:30px}
.list_agree .check_agree .inp_agree {position:absolute;top: 0;left: 0;z-index: -1;width: 23px;height: 23px;border: 0 none;opacity: 0.01}
.list_agree .check_agree .lab_agree {float:left;overflow:hidden;padding-left:24px;font-size:13px;cursor:pointer}
.list_agree .check_agree .ico_check {position:absolute;top:0;left:0;width:13px;height:9px;margin-top:3px;background-position:-80px -50px;vertical-align:top}/* 2016-01-25 수정 */
.list_agree .inp_agree:checked + .lab_agree {color:#444}
.list_agree .inp_agree:checked + .lab_agree .ico_check {background-position:-100px -50px}/* 2016-01-25 수정 */
.list_agree .link_detail {position:absolute;top:-5px;right:0;width:20px;height:100%;color:#999}
.list_agree .link_detail .ico_detail {display:block;overflow:hidden;width:6px;height:10px;margin:8px 0 0 14px;background-position:-225px -200px}
.list_agree .friend_agree .link_detail {top:0}
.list_agree .friend_agree .ico_detail {position:absolute;right:0;top:50%;margin-top:-5px} /* 2017-01-31 수정 */
.list_agree .friend_agree .inp_agree{top:50%;margin-top:-11px} /* 2017-01-31 추가 */

/* 이용약관 전체동의 선택 */
.prov_agree .check_motion {display:block;overflow:hidden;position:relative}
.check_motion .inp_motion {position:absolute;top:0;left:0;z-index:-1;width: 23px;height: 23px;border: 0 none;opacity:0.01}
.check_motion .lab_motion {float:left;overflow:hidden;width:100%;padding-left:35px;font-size:15px;color:#444;line-height:25px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}
.check_motion .lab_motion .ico_motion {position:absolute;top:0;left:0;width:23px;height:23px;background-position:-120px -160px}/* 2016-01-27 수정 */
.check_motion .inp_motion:checked + .lab_motion .ico_motion {background-position:-150px -160px}/* 2016-01-27 수정 */

/* 이용약관 버튼 comm */
.prov_area .btn_comm {position:fixed;bottom:0;left:0;width:100%;height:60px;line-height:60px;font-size:18px}
.prov_area .btn_comm .img_g {display:inline-block;width:7px;height:13px;margin:23px 0 0 7px;vertical-align:top}
.prov_area .btn_off {background:#efefef;color:#ccc}
.prov_area .btn_off .ico_next {background-position:-155px -220px}
.prov_area .btn_on {background:#ffcd00;color:#444}/* 2016-01-28 수정 */
.prov_area .btn_on .ico_next {background-position:-165px -220px}

/* 이용약관 유의사항 */
.prov_area .link_notice {display:block;position:relative;margin:22px 25px;padding-left:15px;border:1px solid #eee;background:#fff;font-size:13px;line-height:44px;border-radius:2px}
.prov_area .link_notice .ico_more {position:absolute;top:17px;right:11px;width:7px;height:13px;background-position:-225px -200px}
.prov_area .desc_notice {font-size:13px;padding:25px 25px 7px;line-height:20px;color:#666}
.prov_area .desc_notice .link_center {text-decoration:underline;color:#666}

/* 2016-10-31 추가 시작 */
/* 지방세 약관동의 */
.prov_agree .list_agree + .box_relation{margin-top:-10px}
.box_relation{padding:0 9px;border:1px solid #eee;border-radius:2px;background-color:#fff}
.box_relation .notice_relation{position:relative;padding:15px 8px 13px}
.box_relation .tit_relation{display:block;margin-bottom:5px;font-size:10px;color:#444}
.box_relation .txt_notice{display:-webkit-box;display:box;overflow:hidden;margin-top:6px;font-size:12px;line-height:16px;color:#afafaf;text-overflow:ellipsis;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
.box_relation .open_notice .txt_notice{display:block}
.box_relation .name_local{display:block;font-size:12px;color:#afafaf}
.box_relation .btn_allview{position:absolute;right:4px;top:12px;border-bottom:1px solid #444;font-size:12px;line-height:13px;color:#444}
.box_relation .local_relation{padding:17px 8px 11px;border-top:1px solid #e5e5e5}
.prov_area .txt_add{display:block;margin:7px 0 15px;font-size:10px;color:#aaa;text-align:center}

/* 지방세 관심분야 */
.prov_attention{margin:25px 25px 0}
.prov_attention .tit_attention{display:block;position:relative;height:45px;padding:0 12px;border:1px solid #e0e0e0;border-bottom:0 none;font-weight:normal;font-size:12px;line-height:46px;color:#b2b2b2;background:#fff}
.prov_attention .tit_attention:after{position:absolute;left:9px;right:9px;bottom:0;height:1px;background-color:#e5e5e5;content:''}
.prov_attention .list_attention{overflow:hidden;padding:10px 9px 15px;border:1px solid #e0e0e0;border-width:0 1px 0 1px;background:#fff}
.prov_attention .list_attention li{float:left;width:50%;height:43px;-webkit-box-sizing:border-box;box-sizing:border-box}
.prov_attention .list_attention li:nth-child(2n+1){padding-left:4px}
.prov_attention .choice_addr .inp_comm{left:0;top:11px;width:23px;height:23px} /* 2016-11-21 추가 */
.prov_attention .choice_addr .lab_comm{margin-left:0;margin-right:18px;padding-left:30px;font-size:16px;line-height:45px;color:#c8c8c8;cursor:pointer} /* 2016-11-21 수정 */
.prov_attention .choice_addr .inp_comm:checked + .lab_comm{color:#1e1e1e}
.prov_attention .choice_addr .ico_check{position:absolute;top:11px;left:0;width:23px;height:23px;background-position:-120px -160px}
.prov_attention .choice_addr .inp_comm:checked + .lab_comm .ico_check{background-position:-150px -160px}
.prov_attention .btn_skip{width:100%;height:59px;border:1px solid #d6d6d6;font-size:16px;line-height:60px;color:rgba(0,0,0,.7);background-color:#eee}
.prov_attention .btn_skip.skip_on{border:1px solid #ffcd00;color:#3c4b59;background-color:#ffcd00}
.prov_attention .list_info{overflow:hidden;margin-top:22px}
.prov_attention .list_info li{display:block;position:relative;padding-left:10px}
.prov_attention .list_info li:before{position:absolute;left:0;top:7px;width:4px;height:1px;background-color:#c8c8c8;vertical-align:top;content:""}
.prov_attention .list_info .txt_info{display:block;font-size:11px;line-height:17px;color:#c8c8c8}
/* 2016-10-31 추가 끝 */

/* view_footer */
/* 2017-11-09 수정 시작 */
.view_foot{border-top:1px solid #c8c8c8;background-color:#e4e4e4;text-align:center}
.view_foot .info_policy{display:block;overflow:hidden;position:relative;padding:0 20px;font-size:14px}
.view_foot .info_policy .bg_bar{position:absolute;right:50%;top:50%;width:1px;height:13px;margin-top:-6px;background-color:#bec1c5}
.view_foot .info_policy .link_policy{float:left;width:50%;height:73px;line-height:75px;color:#595959}
.view_foot .emph_provide{display:block;padding:0 23px;font-size:11px;color:#1a1a1a;opacity:.5}
.payable_foot{padding-bottom:97px}
/* // 2017-11-09 수정 끝 */

/* footer */
.bg_on2 .k_foot{background-color:#28333c}/* 2015-12-18 추가 */
.k_foot{position:absolute;left:0;bottom:0;right:0;height:38px;background-color:#dedede} /* 2018-09-11 수정 */
.k_foot .info_policy {display:block;height:38px} /* 2016-12-01 수정 */
.k_foot .info_policy .link_kakao {float:left;width:38px;height:12px;margin:12px 0 0 20px;background-position:0 -60px}
/* 2018-09-11 수정 및 추가 시작 */
.k_foot .info_policy .desc_policy {float:right;margin:13px 22px 0 0}
.k_foot .info_policy .link_policy {float:left;margin-left:12px;font-size:11px;color:#7e7e7e;line-height:12px}
.k_foot .info_policy .link_policy:first-child{margin-left:0}
/* 2018-09-11 수정 및 추가 끝 */
.k_foot .link_policy .inner_link {display:block;border-bottom:1px solid #afafaf}/* 2015-12-18 수정 */
.bg_on2 .k_foot .inner_link{border-bottom:1px solid #6d6e70}/* 2015-12-18 추가 */

/* 2015-11-23 2차 스펙 추가 시작 */

/* 카드 등록 및 카드 선택 */
.info_payment{position:fixed;left:0;bottom:0;width:100%;height:97px;padding:0 8px;border-top:1px solid #eee;box-sizing:border-box;background-color:#f8f8f8;z-index:9}/* 2016-01-20 수정 */
.info_payment.no_payment_select{position:fixed;left:0;bottom:0;width:100%;height:52px;padding:0 8px;border-top:1px solid #f8f8f8;box-sizing:border-box;background-color:#f8f8f8;z-index:9}/* 2016-01-20 수정 */
.info_payment .card_register{display:block;position:relative;height:42px;padding:0 9px}/* 2016-01-20 수정 */
.info_payment .card_register .tit_card{display:block;height:100%;color:#1e1e1e;line-height:43px}/* 2016-01-20 수정 */
.info_payment .card_register .link_select{overflow:hidden;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;text-indent:-9999px}/* 2016-01-20 추가 */
.info_payment .tit_card .img_g{display:inline-block;margin:15px 4px 0 0;vertical-align:top}/* 2016-01-20 수정 */
.info_payment .tit_card .ico_regist{width:15px;height:11px;background-position:-240px -80px}/* 2016-01-27 수정 */
.info_payment .tit_card .ico_card{width:15px;height:11px;background-position:-240px -60px}/* 2016-01-27 수정 */
.info_payment .tit_card .ico_open{width:9px;height:5px;margin:18px 0 0 3px;background-position:-60px -190px}/* 2016-01-28 수정 */
/*.info_payment .card_register .opt_date{position:absolute;top:0;left:0;width:100%;height:100%;border:0 none;opacity:0.01;z-index:9}*//* 2016-01-20 삭제 */
.info_payment .card_register .txt_cardinfo{position:absolute;top:0;right:9px;font-size:13px;color:#5f5f5f;line-height:43px}/* 2016-01-20 수정 */
.info_payment .card_register .txt_error{color:#ff0000}/* 2016-01-20 추가 */
.card_register .txt_error .ico_error{float:right;width:14px;height:14px;margin:13px 0 0 4px;background-position:-240px -160px;vertical-align:top}/* 2016-01-27 수정 */
.info_payment .payment_btn{overflow:hidden}
.view_area .info_payment .link_payment{display:block;position:static;height:50px;border-radius:3px;font-size:20px;color:#1e1e1e;line-height:51px}/* 2016-01-20 수정 */
/* .view_area .info_payment .ico_arrow{margin:20px 0 0 6px} *//* 2016-01-20 삭제 */
/* 2018-12-11 수정 시작 */
.info_payment .bnr_event{margin:-1px -8px 0;background-color:#f4f4f4}
.info_payment .bnr_event .desc_event{padding:18px 110px 13px 30px;font-size:15px;line-height:20px;text-align:left}
.info_payment .bnr_event .desc_event em{font-weight:bold}
.info_payment .bnr_event .img_event_emot{position:absolute;bottom:63px;right:32px;width:77px;height:86px}
/* 2018-12-11 수정 끝 */
/* 2018-11-16 추가 시작 */
/* 2018-11-19 수정 및 추가 시작 */
.evt_payment{height:auto;padding:0}
.evt_payment .link_event{display:block;padding:14px 8px 0}
.evt_payment .txt_event{display:block;padding:0 85px 12px 12px;font-size:14px;line-height:17px;color:#3f3f43}
/* 2018-11-19 수정 및 추가 끝 */
.evt_payment .emph_event{display:block;font-weight:bold;color:#171718}

.evt_payment .img_event {
    position: absolute;
    top: -15px;
    right: 20px;
    width: 62px;
    height: 67px;
    background: url(https://kpay.kakaocdn.net/billgates/images/event/181119_emt_bc_event.png) no-repeat;
    background-size: 62px 67px
}
.evt_payment .payment_btn{padding:0 8px 4px}/* 2018-11-19 추가 */
/* 2018-11-16 추가 끝 */

/* 2017-11-28 추가 시작 */
/* 마케팅 구좌 */
.ad_payment{height:auto;padding:8px 8px 4px;box-shadow: 0px -1px 2px 0px rgba(0,0,0,.04)}/* 2017-12-05 수정 */
.ad_payment .card_register{height:22px;margin-bottom:8px}/* 2017-12-05 수정 */
.ad_payment .card_register .tit_card{line-height:25px}/* 2017-12-05 추가 */
.ad_payment .card_register .ico_card{margin:6px 8px 5px 0}/* 2017-12-05 추가 */
.ad_payment .card_register .ico_money{margin:4px 8px 3px 0}/* 2017-12-13 추가 */
.ad_payment .card_register .ico_open{margin:9px 0 8px 6px}/* 2017-12-05 추가 */
.ad_payment .ad_acount{overflow:hidden;height:28px;margin-bottom:9px;padding:12px 18px 0;border:1px solid #dfdfdf;font-size:13px;background-color:#fcfcfc;color:#3f3f43}
.ad_payment .ad_acount .ico_won{display:inline-block;width:16px;height:16px;margin:0 4px 0 8px;background-position:0 -290px;vertical-align:top}
.ad_payment .ad_acount .txt_ad{color:#171718}
.ad_payment .ad_acount .link_ad{float:right;font-size:12px;color:#909090;text-decoration:underline}

/* 2019-05-16 추가 시작 */
.info_ad{display:block;position:relative;height:57px;/* padding:0 11px */;border-bottom: 1px dashed #d9dbdd;}
.info_ad:before{position:absolute;left:0;right:0;bottom:-1px;border-bottom:1px dashed rgba(0,0,0,.22);content:''}
.info_ad .bnr_ad{display:table;height:56px;margin:-5px auto 0}
.info_ad .desc_ad{display:table-cell;padding-right:8px;font-size:14px;line-height:20px;letter-spacing:-.03em;vertical-align:middle}
.info_ad .emo_ad{display:table-cell}
.info_ad .img_emo{display:block;position:relative;margin-top:-19px}
.info_ad + .info_desc{padding-top:45px}
/* 2019-05-16 추가 끝 */

/* 2017-12-06 추가 시작 */
.ad_payment .tit_card .ico_regist{margin:6px 8px 5px 0;background-position:-245px -95px}
.ad_payment .card_register .txt_cardinfo{line-height:24px}
/* //2017-12-06 추가 끝 */

/* 마케팅 구좌 팝업 */
.layer_adacount{display:table;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9998;width:100%;height:100%;}
.inner_adacount_layer{display:table-cell;padding:0 20px 3px;vertical-align:middle}
.inner_adacount_layer .box_layer{border:1px solid #c8c8c8;border-radius:1px;background-color:#fff}
.inner_adacount_layer .layer_head{padding:23px 29px;font-size:16px;line-height:20px;color:#1e1e1e}
.inner_adacount_layer .layer_body{position:relative;overflow:scroll;max-height:220px;margin:0 15px;padding-bottom:31px;border-bottom:1px solid #e3e3e3}/* 2018-01-09 수정 */
.inner_adacount_layer li{position:relative;margin-top:28px}
.inner_adacount_layer li:first-child{margin-top:0}
.inner_adacount_layer .inp_comm{display:block;overflow:hidden;position:absolute;top:5px;left:18px;z-index:10;border:0 none;opacity:.01}
.inner_adacount_layer .lab_comm{display:block;padding-left:50px}
.inner_adacount_layer .ico_check{position:absolute;top:0;left:13px;width:23px;height:23px;background-position:-120px -160px}
.inner_adacount_layer .inp_comm:checked+.lab_comm .tit_acountitme{font-weight:bold}
.inner_adacount_layer .inp_comm:checked+.lab_comm .ico_check{background-position:-150px -160px}
.inner_adacount_layer .lab_comm .tit_acountitme{display:block;padding:3px 0;font-weight:normal;font-size:20px;line-height:1;color:#1e1e1e}
.inner_adacount_layer .lab_comm .info_acountitme{display:block;margin-top:4px;font-size:15px;color:#1e1e1e}
.inner_adacount_layer .layer_foot{overflow:hidden;width:100%;height:57px}
.inner_adacount_layer .layer_foot .btn_layer{float:left;position:relative;width:50%;height:57px;font-size:17px;line-height:57px;color:#1e1e1e;text-align:center;letter-spacing:-1px}
.inner_adacount_layer .layer_foot .btn_layer:first-child:after{position:absolute;top:20px;right:0;width:1px;height:18px;background-color:#e3e3e3;content:''}
/* // 2017-11-28 추가 끝 */

/* 납부완료 */
/* 2016-01-20 추가시작 */
.view_area .complete_bill{position:relative;text-align:center}
.view_area .complete_bill .num_charge{position:absolute;top:96px;left:0;width:100%;font-size:33px;color:#000;font-weight:bold} /* 2017-05-23 수정 */
/* 2016-01-20 추가끝 */
.view_area .tit_complete{display:block;overflow:hidden;font-size:30px;color:#646464;font-weight:normal}/* 2016-01-20 수정 */
.view_area .tit_complete .img_icon{width:50px;height:50px;margin:29px auto 56px;background-position:-100px 0}/* 2017-05-23 수정 */
.view_area .tit_complete .txt_complete{display:block;font-size:12px;color:#717171}/* 2017-10-25 추가 */
/* .view_area .tit_complete .ico_check{display:inline-block;width:15px;height:11px;margin:7px 5px 0 0;vertical-align:top;background-position:-170px -340px} *//* 2016-01-20 삭제 */
.view_area .list_complete{position:relative;overflow:hidden;margin:37px 45px 0;padding:24px 0 41px 0;border-top:1px solid #f2f2f2;font-size:16px}/* 2017-05-23 수정 */
.view_area .list_complete dt{position:absolute;left:0;color:#8f8f94;line-height:30px}/* 2016-01-20 수정 */
.view_area .list_complete dd{overflow:hidden;padding:1px 0 0 55px;text-align:right;line-height:28px;color:#000}/* 2016-01-20 수정 */
.view_area .list_complete .link_history{float:right;margin-top:5px;font-size:12px;color:#c8c7cc;text-decoration:underline}/* 2016-01-20 추가 */
/* .view_area .list_complete dd:last-child{border-bottom:0 none} *//* 2016-01-20 삭제 */

/* 납부완료 > 버튼영역 */
/* 2017-11-09 수정 시작 */
.wrap_compbtn{position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:#ffcd00;text-align:center} /* 2018-04-03 수정 */
.wrap_compbtn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} /* 2018-04-03 추가 */
.wrap_compbtn .box_btn{overflow:hidden;position:relative;height:100%}
.wrap_compbtn .link_comm{display:block;height:60px;font-size:20px;line-height:62px;color:#000}
/* 2018-04-03 추가 시작 */
.wrap_compbtn .tooltip_compbtn{position:absolute;bottom:76px;left:12px;right:12px;text-align:center}
.wrap_compbtn .tooltip_compbtn .desc_tooltip{display:inline-block;padding:0 18px;border:1px solid #000;border-radius:15px;font-size:14px;line-height:29px;background-color:#222a38;color:#fff;vertical-align:top;box-shadow:0 3px 2px rgba(0,0,0,.25)}
.wrap_compbtn .tooltip_compbtn .emph_tooltip{font-weight:bold;color:#efdf4b;}
.wrap_compbtn .tooltip_compbtn .ico_tooltip{position:absolute;left:50%;bottom:-6px;width:9px;height:7px;margin-left:-4px;background-position:-195px -370px}
/* 2018-12-11 추가 시작 */
.wrap_compbtn.event .bnr_event{position:absolute;top:-65px;left:0;right:0;padding:15px 110px 13px 38px;border-bottom:1px dashed #d0d2d4;background-color:#f4f4f4;text-align:left}
.wrap_compbtn.event .bnr_event .desc_event{font-size:14px;line-height:18px;color:#0e0e0e}
.wrap_compbtn.event .bnr_event .desc_event em{font-weight:bold;font-size:15px}
.wrap_compbtn.event .bnr_event .img_event_emot{position:absolute;top:-18px;right:39px;width:70px;height:78px}
/* // 2018-12-11 추가 끝 */
/* // 2018-04-03 추가 끝 */
.link_fst{position:relative}
.link_fst:after{position:absolute;top:50%;left:100%;width:1px;height:18px;margin-top:-9px;background-color:#e3e3e3;content:''}
/* // 2017-11-09 수정 끝 */
/* 2021-10-29 납부알림 버튼 추가 시작 */
.chkbx_next_alarm{margin: 0 10px;}
.chkbx_next_alarm .lab_bill{padding-left: 35px;font-size: 16px;color:#424548;}
.area_fixed .desc_alarm{margin: 10px 0 29px;padding-left: 45px;font-size:12px;line-height:15px;color: #868E96;}
/* 2021-10-29 납부알림 버튼 추가 끝 */

/* QR 납부하기 */
.view_complete .info_customer{margin-top:0;padding-bottom:110px}
/* 2016-01-20 추가시작 */
.view_complete .list_customer{margin:0 20px;padding-top:14px;border-top:1px solid #f2f2f2;font-size:16px}/* 2016-10-31 수정 */
.view_complete .list_customer dt{height:32px;color:#8f8f94;line-height:24px}
.view_complete .list_customer dd{margin-bottom:10px;min-height:32px;padding:0 0 0 80px;border:0 none;color:#000;line-height:24px}/* 2016-01-28 수정 */
/* 2016-01-20 추가끝 */
/* .view_complete .list_customer dd:last-child{border:#e7e8e8} *//* 2016-01-20 삭제 */
.view_complete .tit_complete{padding-top:43px;font-size:20px}
.view_complete .tit_complete .ico_check{margin-top:9px}
/* 2016-01-20 추가시작 */
.view_complete .info_total{height:274px}
.view_complete .info_total .sort_date{margin-top:0}
.view_complete .info_total .num_charge{display:block;float:none;margin-top:6px;font-size:33px}
/* louis 추가 */
.view_complete .info_total .txt_date {position:absolute;top:14px;left:15px;height:19px;padding:0 10px;border:1px solid #b7bdc2;border-radius:20px;font-size:11px;color:#3c4b59;line-height:20px}
.view_complete .sort_date .tit_date{font-size:20px;color:#1e1e1e}
/* 2016-01-20 추가끝 */

/* 2016-01-25 수정 시작 */
.wrap_compbtn.add_compbtn .link_comm{float:left;width:40%;border-right:1px solid #e8bb03;box-sizing:border-box}
.wrap_compbtn.add_compbtn .link_add{width:60%;border:0 none}
/* 2016-01-25 수정 끝 */
.add_compbtn .link_add .ico_add{display:inline-block;width:17px;height:17px;margin:21px 4px 0 0;background-position:-80px -20px;vertical-align:top}/* 2016-01-20 추가 */

/* 상세 > 자동이체 추가 */
/* .view_area .info_customer .img_auto{background-position:-120px -360px} 2016-01-25 삭제 */
/* 2016-01-25 수정 시작 */
.view_area .list_customer .txt_auto{display:block;font-size:12px;line-height:15px}


/* 상세 > 업데이트 추가 */
.wrap_update{overflow:hidden;padding:25px 23px 46px}/* 2016-01-29 수정 */
.wrap_update .link_update{display:block;width:38px;height:38px;margin:0 auto 11px;background-position:-200px -60px}
.wrap_update .tit_update{font-size:13px;color:#1a1a1a;font-weight:normal;opacity:0.5}
.wrap_update .desc_update{margin-top:15px;font-size:11px;color:#1a1a1a;opacity:0.5}
.wrap_update .txt_update{display:block;margin-top:28px;font-size:11px;color:#1a1a1a;opacity:0.5}
/* 2016-01-25 수정 끝 */

/* 2017-08-29 추가 시작 (wrap_hana클래스로 컨트롤 하지 못할 경우 되는 영역) */
.footer_etc .wrap_update {padding:0 23px 36px}
.footer_etc .txt_update {margin-top:0}
/* 2017-08-29 끝 */

/* 누진세 팝업 영역 */
.view_area .info_detail{position:relative} /* 기존 css 추가 */
.info_detail .detail_layer{display:none;position:absolute;top:52px;left:0;width:100%;z-index:8}
.info_on .detail_layer{display:block}
.detail_layer .inner_detail_layer{overflow:hidden;margin:0 15px;background-color:#ffcd00}
.detail_layer .tbl_info{overflow:hidden;width:100%;min-width:290px;margin:0 auto 9px}
.detail_layer .tbl_info th{height:39px;font-size:12px;line-height:39px}
.detail_layer .tbl_info td{padding:6px 0 3px;color:#1e1e1e;border-top:1px solid #ffd733;line-height:20px}
.detail_layer .tbl_info .txt_info{font-weight:normal}
.detail_layer .tbl_info .num_amount{font-size:12px;color:#fff;font-weight:bold}
.detail_layer .box_amount{width:70px;margin:0 auto;padding-left:10px}
.detail_layer .box_normal{width:65px;margin:0 auto;text-align:right;padding-right:15px}
.detail_layer .box_price{width:65px;margin:0 auto;text-align:right;padding-right:20px}
.detail_layer .tbl_info .on{background-color:#ffe680}
.tbl_info .on .num_amount{color:#1e1e1e}
.tbl_info .on td, .tbl_info .on+tr td{border-color:#ffeb97}
.dimmed_info_layer{position:absolute;top:0;left:0;width:100%;height:1835px;background-color:#fff;opacity:0.75;z-index:1}

/* 레이어 공통 2015-12-18 수정시작 */
/* 레이어 공통 */
/*.dimmed_layer{display:table;position:absolute;top:0;left:0;width:100%;background-color:rgba(255,255,255,.97)}*/
/*.layer_comm{background-color:rgba(0,0,0,.4)}*/
/*.layer_comm .inner_info_layer{display:table-cell;padding:0 32px;vertical-align:middle;color:#3c4b59}*/
.layer_comm .inner_info_layer{display:table-cell;padding:0 32px;vertical-align:middle;color:#3c4b59} /* 2016-04-12 display:table-cell; 속성 다시 넣음(중간에 이동 하기 위하여) */
.layer_comm .layer_body{overflow:hidden;position:relative;padding:29px 15px 0;border-radius:8px;background-color:#fff;text-align:center}
/* 2015-12-18 수정 끝 */

/* 등록오류 레이어 2015-12-18 추가 시작 */
.layer_comm .inner_info_layer1{padding:0 22px;color:#1e1e1e}/* 2015-12-22 수정 *//* 2016-10-13 수정 */
.layer_comm .inner_info_layer1 .tit_layer{display:block;margin-bottom:17px;font-size:16px}
.layer_comm .inner_info_layer1 .desc_layer{padding-bottom:29px;line-height:17px}
.layer_comm .inner_info_layer1 .link_comm{float:left;width:50%}
.layer_comm .inner_info_layer1 .link_comm:after{position:absolute;left:50%;bottom:20px;width:1px;height:18px;background-color:#c8c8c8;content:''}
.layer_comm .list_layer{padding:0 12px;margin-bottom:27px;background-color:#f0f0f0;font-size:13px}
.layer_comm .list_layer .link_layer{display:block;padding:16px 0 14px;color:#1e1e1e;border-bottom:1px solid #e7e7e7}
.layer_comm li:last-child .link_layer{border-bottom:0}/* 2015-12-22 수정 */
/* 2015-12-18 추가 끝 */

/* 청구서 가입 완료 레이어 */
.layer_comm .tit_layer{display:block;margin-bottom:9px;font-size:16px}
.layer_comm .desc_layer{padding-bottom:22px;line-height:17px}
.layer_comm .tit_join{display:block;padding-bottom:20px;font-size:16px;font-weight:normal;line-height:20px}
.layer_comm .link_comm{display:block;padding:17px 0;font-size:15px;color:#1e1e1e;border-top:1px solid #c8c8c8}/* 2015-12-22 수정 */

/* 2018-01-30 수정 시작 */
.layer_comm2{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;width:100%;height:100%;font-size:0;text-align:center;white-space:nowrap}
.layer_comm2:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.layer_comm2 .inner_info_layer{display:inline-block;font-size:14px;color:#3c4b59;vertical-align:middle;white-space:normal}
.layer_comm2 .layer_body{overflow:hidden;position:relative;padding:29px 15px 0;border-radius:8px;background-color:#fff}
.layer_comm2 .tit_layer{display:block}
.layer_comm2 .link_comm{display:block;padding:17px 0;font-size:15px;border-top:1px solid #c8c8c8}
/* // 2018-01-30 수정 끝 */

/* 청구서 해지 레이어  */
/*.close_layer{display:none;background-color:rgba(0,0,0,.4)}*/
/*.close_on .close_layer{display:block}*/
/*.close_layer .inner_close_layer{padding: 0 20px;color:#1e1e1e;position:absolute;bottom:230px;left:0;width:100%;box-sizing:border-box}*/
.close_layer .inner_close_layer{padding: 0 20px;color:#1e1e1e;box-sizing:border-box}
.close_layer .layer_body{overflow:hidden;padding:25px 15px 0;border-radius:8px;background-color:#fff;text-align:center}
.close_layer .tit_layer{display:block;margin-bottom:9px;font-size:16px}
.close_layer .desc_layer{padding-bottom:20px;line-height:17px}
.inner_close_layer .layer_btn{position:relative;width:100%;height:100%;overflow:hidden;border-top:1px solid #c8c8c8}
.close_layer .link_comm{display:block;padding:17px 0;font-size:15px;border-top:1px solid #c8c8c8}
.inner_close_layer .layer_btn .link_comm{float:left;width:50%;color:#3c4b59;border-top:0 none}
/* 2017-12-19 추가 시작 */
.inner_close_layer1 .tit_layer,
.inner_close_layer1 .desc_layer{padding-left:14px;padding-right:14px;text-align:left}
/* // 2017-12-19 추가 끝 */

/* 오류페이지 작업 type1~4 */
.dimmed_layer .tit_error{display:block;margin:16px 0 16px}
.dimmed_layer .desc_error{line-height:18px}
/* 2016-03-11 오류 페이지 버튼 수정 시작 */
.inner_error_layer .wrap_compbtn {background-color:#fff}
.inner_error_layer .wrap_compbtn .link_comm {float:left;width:50%;font-size:17px;color:#1e1e1e}
.inner_error_layer .wrap_compbtn .link_close {width:100%}
.inner_error_layer .box_btn_err {margin:0 20px;border-top:1px solid #e3e3e3}
.inner_error_layer .ico_close {background-position:-240px -180px}
.inner_error_layer .link_goupdate {display:inline-block;padding-top:15px;font-size:14px;color:#1e1e1e;font-weight:bold;text-decoration:underline}
/* 2016-03-11 오류 페이지 버튼 수정 끝 */
/* 2016-01-26 수정 시작 */
.contact_layer .img_contact{width:85px;height:75px;margin:0 auto;background-position:-180px -80px}
.error_layer .img_service{width:84px;height:75px;margin:0 auto;background-position:0 -80px}
.update_layer .img_update{width:84px;height:84px;margin:0 auto;background-position:-90px -80px} /* 2016-09-27 */
.update_layer .ico_update{display:inline-block;width:7px;height:11px;margin:24px 0 0 5px;background-position:-210px -200px}/* 2016-01-28 수정 */
.network_layer .desc_network{font-size:14px;line-height:15px}
.network_layer .link_reset{display:inline-block;padding-top:30px}
.network_layer .link_reset .img_reset{width:50px;height:50px;margin:0 auto;background-position:-150px 0}
/* 2016-01-26 수정 시작 */

/* 로딩페이지 작업 type1~3 */
.loading_layer .inner_loading_layer{vertical-align:middle;text-align:center;font-size:16px;color:#1e1e1e}
.loading_layer .inner_loading_layer .thumb_loading{display:block;margin:0 auto 10px;vertical-align:top}
/* louis 추가 - TODO 색상정리 */
.loading_layer .inner_loading_layer .loading_message{color:white}

/* 2015-11-23 2차 스펙 추가 끝 */

/* 2016-01-20 추가시작 */
/* 카드선택 레이어 */
.layer_comm .layer_card {padding:23px 15px 0;border-radius:0;text-align:left;left:inherit;right:inherit}/* 2016-10-13 수정 */
.layer_comm .layer_card .tit_layer{padding:0 15px;margin-bottom:10px;font-weight:normal}/* 2016-10-13 수정 */
.layer_comm .layer_card .select_card{padding:0 13px;max-height:228px;overflow:auto}
.layer_comm .layer_card .link_comm{font-size:17px;text-align:center}
.layer_card .choice_addr{padding:0;border:0 none}
.layer_card .choice_addr:last-child{margin-bottom:15px}
/* .layer_card .choice_addr:last-child .desc_item{font-weight:bold} *//* 2016-10-13 삭제 */
.layer_card .choice_addr .ico_check{top:12px;width:23px;height:23px;background-position:-120px -160px}/* 2016-01-28 수정 */
.layer_card .choice_addr .inp_comm:checked + .lab_comm .ico_check {background-position:-150px -160px}/* 2016-01-28 수정 */
.layer_card .choice_addr .desc_item{height:50px;padding:0;font-size:20px;color:#1e1e1e;line-height:50px;text-indent:5px}/* 2016-10-13 수정 */
.layer_card .choice_disabled .ico_check{background-position:-120px -220px}/* 2016-01-27 수정 */
.layer_card .choice_disabled .desc_item{color:#c5c5c5}
/* 2016-01-20 추가끝 */

/* 2018-01-23 추가 시작 */
/* 한국전력 청구서 신청 알림 설정 */
.inner_alert_layer .layer_body{border-radius:2px}
.inner_alert_layer .tit_layer{margin-bottom:3px}
.inner_alert_layer .desc_layer{padding-bottom:25px}
/* // 2018-01-23 추가 끝 */

/* 2017-11-09 수정 시작 */
/* 해지 */
.info_cancel{padding:36px 25px 30px;text-align:center}
.info_cancel .tit_info{display:block;font-size:20px;color:#1e1e1e}
.info_cancel .desc_info{padding:5px 0 13px;line-height:20px}
.email_info{overflow:hidden;padding-bottom:30px;background-color:#fff}
.email_info .user_info{display:block;position:relative;padding:8px 14px 9px;border:1px solid #e0e0e0}
.email_info .txt_subinfo{display:inline-block;font-size:12px;color:#b2b2b2}
.email_info .txt_userinfo{display:block;position:relative;margin-top:1px;font-size:20px;color:#000;text-align:right}
.email_info .inp_usernum{width:80%;margin-top:22px;border:0 none;font-size:24px;line-height:normal;background:transparent;text-align:right;outline:0 none}
.email_info .txt_usernum{position:absolute;top:1px;left:0;width:60px;height:35px;line-height:35px}
.email_info .txt_label{position:absolute;bottom:-5px;right:0;font-size:24px;opacity:.15}
.email_info .num_on{border-color:#8e8e8e}
.email_info .inp_on .txt_label{display:none}
.email_info .btn_delete{display:none;float:right;margin-top:20px;padding:9px 1px 10px 15px}
.email_info .btn_delete .ico_delete{width:16px;height:16px;font-size:0;line-height:0;background-position:-190px -200px}
.email_info .ico_pass{display:none;float:right;margin-top:20px;padding:10px 1px 10px 15px}
.email_info .ico_pass .img_g{width:16px;height:12px;font-size:0;line-height:0;background-position:-100px -220px}
.error .user_info{border-color:#ed1c24}
.error .txt_userinfo .txt_label{right:37px}
.error .txt_error{padding-top:10px;color:#ff0000}
.error .btn_delete{display:block}
.pass .user_info{border-color:#67c502}
.pass .txt_userinfo .txt_label{right:37px}
.pass .ico_pass{display:block}
/* // 2017-11-09 수정 끝 */

/* 2016-01-05 추가 시작 */
.view_contact{margin-top:144px}
.tit_plus{display:block;padding:40px 20px 12px;font-size:15px;color:#1e1e1e}/* 2016-05-25 */
.list_shortcut{margin-bottom:20px;padding:0 17px;background-color:#fff;border-bottom:1px solid #e8e8e8} /* 2017-05-11 수정 */
.list_shortcut li{border-bottom:1px solid #f6f7f8}
.list_shortcut li:last-child{border-bottom:1px solid #fff}
.list_shortcut .link_shortcut,
.item_friend .lab_agree{display:block;position:relative;padding-left:4px;font-size:17px;line-height:60px;color:#1e1e1e;letter-spacing:-1px}/* 2016-05-25 */
.list_shortcut .link_shortcut .img_g{position:absolute;top:50%;right:0;margin-top:-4px;width:5px;height:9px;background-position:-240px -200px}
.list_company{padding:0 15px;margin-bottom:15px;border-bottom:1px solid #e8e8e8;background-color:#fff}
.list_company li{overflow:hidden;border-bottom:1px solid #f8f8f8;font-size:12px}
.list_company li:last-child{border-bottom:0}
.list_company .tit_company{float:left;width:104px;height:51px;font-weight:normal;line-height:51px;color:#949494}
.list_company .txt_company{display:block;padding:17px 0 17px 104px;font-size:13px;line-height:16px;color:#1e1e1e}
.item_friend{overflow:hidden;position:relative}
.list_shortcut .item_friend .img_g{position:absolute;top:50%;right:0;width:54px;height:24px;margin-top:-12px;background-position:0 0}
/*.item_friend .inp_agree{position:absolute;top:50%;right:0;width:54px;height:24px;margin-top:-12px;border:none;opacity:0.01}*/
/* louis 수정 - 체크표현이 반대 */
.item_friend .inp_agree + .img_g{background-position:0 -30px}
.item_friend .inp_agree:checked + .img_g{background-position:0 0}
/* -- */
/* 2016-01-05 추가 끝 */

/* 2016-01-25 추가시작 */
/* intro */
.wrap_intro {display:none}
.wrap_intro .dimmed_layer {background-color:rgba(31,43,53,1)}
.cont_intro {display:table;position:absolute;top:0;bottom:0;width:100%;height:100%;z-index: 9999}
.cont_intro .list_intro{display:table-cell;padding:0 44px;vertical-align:middle;color:#fff}
.cont_intro .list_intro li{overflow:hidden;border-bottom:1px solid #3f4952}
.cont_intro .list_intro li:last-child{border:0 none}
.cont_intro .list_intro .intro_bill{float:left;width:174px;height:49px;margin-bottom:26px}
.cont_intro .list_intro .intro_detail{float:left;width:174px;height:49px;margin:28px 0 24px;background-position:0 -50px}
.cont_intro .list_intro .intro_pay{float:left;width:151px;height:49px;margin-top:24px;background-position:0 -100px}
.cont_intro .list_intro .ico_bill{float:right;width:28px;height:27px;margin:9px 5px 0 0;background-position:0 -150px}
.cont_intro .list_intro .ico_detail{float:right;width:35px;height:26px;margin:42px 3px 0 0;background-position:-30px -150px}
.cont_intro .list_intro .ico_pay{float:right;width:32px;height:23px;margin:35px 3px 0 0;background-position:-70px -150px}
.cont_intro .link_add{position:fixed;bottom:0;left:10px;right:10px;border-radius:10px 10px 0 0;height:73px;background-color:#fff}
.cont_intro .link_add .txt_add{width:80px;height:20px;margin:29px auto 0;background-position:-105px -150px}/* 2016-01-29 수정 */
/* 2016-01-25 추가끝 */

/* 2016-02-24 추가 시작 */
/* 배너 */
.wrap_bnr .link_bnr{display:block;border-radius:3px;-webkit-border-radius:3px;line-height:0;background-repeat:no-repeat;background-position:50% 0;text-indent:-9999px}

.wrap_bnr .bnr_guide {
    position: relative;
    height: 64px;
    background-color: #26333e;
    background-image: url(https://kpay.kakaocdn.net/billgates/images/m320/bnr_guide_end.png)
}

/*.wrap_bnr .bnr_guide:before{position:absolute;top:-7px;left:50%;width:77px;height:7px;margin-left:60px;background:url(https://kpay.kakaocdn.net/billgates/images/m320/bnr_guide2.png);content:''}*/

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    .wrap_bnr .bnr_guide {
        background-color: #26333e;
        background-image: url(https://kpay.kakaocdn.net/billgates/images/m640/bnr_guide_end.png);
        -webkit-background-size: 298px 64px;
        background-size: 298px 64px;
    }
    /*.wrap_bnr .bnr_guide:before{background-image:url(../images/m640/bnr_guide2.png);-webkit-background-size:77px 7px;background-size:77px 7px}*/
}
/* 슬라이드 */
.slide_bill{overflow-x:hidden;position:relative;width:100%;height:100%}
.slide_bill a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.slide_bill button{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0 none}
.slide_bill .pannel_bill{position:absolute;top:0;width:100%;height:100%;-ms-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s
}
.slide_bill .pannel_bill:nth-child(1){left:0;z-index:0}
.slide_bill .pannel_bill:nth-child(2),.slide_bill .pannel_bill:nth-child(3),.slide_bill .pannel_bill:nth-child(4){left:100%;z-index:10}
.slide_bill .inner_pannel{position:relative;overflow:hidden;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.slide_bill .inner_pannel > div{background-color:#fff}
.slide_bill .inner_pannel > div:first-child{overflow-y:auto;height:100%;min-height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.slide_bill .inner_pannel > div::-webkit-scrollbar{display:none}
.slide_bill .pannel_bill:nth-child(3) .inner_pannel{padding-bottom:97px}
.slide_bill .pannel_bill:nth-child(4) .inner_pannel{padding-bottom:60px}
.slide_bill .ico_touch{position:absolute;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;background-color:rgba(255,255,0,.15);animation:ani_emph 1.4s ease-in-out infinite;-webkit-animation:ani_emph 1.4s ease-in-out infinite;-webkit-animation-name:ani_emph}
.slide_bill .ico_touch:before{position:absolute;top:13%;right:13%;bottom:13%;left:13%;border-radius:100%;-webkit-border-radius:100%;background-color:rgba(255,255,0,.58);content:''}
.slide_bill .ico_touch:after{position:absolute;top:26%;right:26%;bottom:26%;left:26%;border-radius:100%;-webkit-border-radius:100%;background-color:rgb(255,255,0);content:''}
.slide_bill .inner_pannel .regist_area{background-color:#f7f7f7}
.slide_bill .regist_info .txt_userinfo{word-break:break-all}
.slide_bill .regist_cont .btn_on{position:relative}
.slide_bill .btn_on .ico_touch{top:50%;right:9%;margin-top:-30px}
.slide_bill .inner_pannel .view_kakaotalk{background-color:#a1c0d5}
.slide_bill .item_message{position:relative;width:68.6%;padding:6% 4%}
.slide_bill .item_message .img_thumb{display:block;width:100%}
.slide_bill .item_message .btn_detail{overflow:visible;position:absolute;top:81%;left:18%;width:71%;height:13%}
.slide_bill .btn_detail .ico_touch{bottom:-2%;right:8%;width:27%;height:110%}
.slide_bill .btn_detail .ico_touch:before{background-color:rgba(255,255,0,.3)}
.slide_bill .info_payment,.slide_bill .wrap_compbtn{position:absolute}
.slide_bill .info_comparison .img_emo{bottom:0}
.slide_bill .info_payment .ico_touch,.slide_bill .wrap_compbtn .ico_touch{bottom:0;right:11%}
.slide_step3 .pannel_bill:nth-child(2),.slide_step4 .pannel_bill:nth-child(3){left:0}
.slide_step2 .pannel_bill:nth-child(2),.slide_step3 .pannel_bill:nth-child(3),.slide_step4 .pannel_bill:nth-child(4){left:0;z-index:20}
@keyframes ani_emph {
    0% {opacity:0;-webkit-transform:scale(0,0);transform:scale(0,0)}
    60% {opacity:1}
    100% {opacity:0;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@-webkit-keyframes ani_emph {
    0% {opacity:0;-webkit-transform:scale(0,0);transform:scale(0,0)}
    60% {opacity:1}
    100% {opacity:0;-webkit-transform:scale(1,1);transform:scale(1,1)}
}

/* !!modal 공통 css 입니다. 수정하면 모든 레이어에 적용됩니다. 각 레이어에 특정한 css 는 하위클래스에 지정해주세요 ex) layer_comm */
.modal_open {overflow:hidden}
.modal {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;outline:0;z-index:9999}
.modal_open .modal {overflow:hidden;overflow-y:auto}

.dimmed_layer {position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background-color:rgba(0,0,0,.6)}
.layer_comm{display:table;width:100%} /* 2016-04-12 다시 살림 */ /* 2016-05-19 수정 */
.modal_layer {position:relative;margin:160px auto 60px}
/* 여기까지 */

#expireLayer {margin-top:90px}
#joinFailedLayer { margin-top:90px}

/* error page */
.cont_error {padding:160px 0 30px;text-align:center;font-size:16px}
.cont_error .ico_sorry {width:84px;height:75px;margin:0 auto;background-position:0 -80px}
.cont_error .tit_error{display:block;margin:16px 0 16px}
.cont_error .desc_error{line-height:18px}

/* 해지창 아이콘 */
.ico_wait {margin:0 auto;width:62px;height:80px;background-position:-158px 0px}

/* 카카오페이 청구서 */
#promo {margin-top:90px}
.img_prm{display:block;width:100%;vertical-align:top}
.bill_layer{position:absolute;left:30px;right:30px;z-index:9999}
.bill_layer .link_bnr{display:block}
.bill_layer .btn_close{position:absolute;top:-3%;right:-5%;width:14%}

/* 2016-01-28 추가 끝 */
.wrap_bnr{padding:10px}/* 2016-02-24 추가 */

/* TODO 배너 삭제할때, 삭제 */
.has_banner #kakaoContent {
    min-height : 95%; /* 구식 브라우저를 위한 대비책(fallback) */
    min-height : -webkit-calc(100vh - 122px); /* for Chrome, Safari */
    min-height :    -moz-calc(100vh - 122px); /* for Firefox */
    min-height :         calc(100vh - 122px); /* for IE */
}

/* #kakaoContent {     min-height : 95%; 구식 브라우저를 위한 대비책(fallback)
min-height : -webkit-calc(100vh - 38px); for Chrome, Safari
min-height :    -moz-calc(100vh - 38px); for Firefox
min-height :         calc(100vh - 38px); for IE
} 2017-03-21 삭제 */
/*#kakaoContent{padding-bottom:60px}  2017-03-27 삭제 */

/* 2016-03-22 추가 시작 */
/* 미가입시 납부하기 하단버튼 */
.sign_not_payment{height:60px;padding:0;border:0 none}
.view_area .sign_not_payment .link_payment{height:60px;line-height: 61px}
/* 카드등록시,계좌등록시,결제수단선택 */
.layer_card .choice_account{border-bottom:1px solid #f1f1f1}
.layer_card .choice_addr .desc_account{display:inline-block;font-weight:bold}
.layer_card .choice_addr:last-child .desc_account{font-weight:normal}
.layer_card .choice_addr .ico_new{display:inline-block;width:27px;height:13px;margin:17px 0 0 7px;background-position: 0 -240px;vertical-align: top}/* 2016-10-13 수정 */
/* 오류 페이지 팝업 */
.dimmed_layer .tit_failure{font-size: 18px;margin:30px 0 14px}
.dimmed_layer .desc_failure{font-size: 17px}
/* 2016-03-22 추가 끝 */

/* 2016-03-30 자동납부 시작 */
.view_detail .info_desc .link_set{position:absolute;top:82px;right:22px;height:24px;padding:0 12px 0 13px;line-height:26px;border-radius:30px;background-color:#efefef} /* 2016-04-07 수정 */
.wrap_compbtn .link_autopay{background-color:#dadde0}
.auto_pay .cont_apply{padding:15px 13px 100px;text-align:left}
.auto_pay .info_apply{margin-bottom:32px;padding:25px 26px;background-color:#fff} /* 2016-04-07 수정 */
.auto_pay .item_apply{padding:10px 0;border-bottom:1px solid #f4f4f4} /* 2016-04-07 수정 */
.auto_pay .item_type2{padding:10px 0 8px} /* 2016-04-07 추가 */
.auto_pay .item_apply:after{content:'';display:block;clear:both}
.auto_pay .item_apply dt{float:left;font-size:16px;color:#7f7f7f;line-height:20px} /* 2016-04-07 수정 */
.auto_pay .item_apply dd{float:right;padding-right:3px;font-size:16px;line-height:20px} /* 2016-04-07 수정 */
.auto_pay .item_apply dd:nth-of-type(2){clear:both}
.auto_pay .item_apply:last-child{border-bottom:0 none}
.auto_pay .tit_set{padding-top:30px}
.auto_pay .list_admin{background-color:#fff}
.auto_pay .info_item .txt_day{position:absolute;top:28px;right:0}
.auto_pay .info_item .txt_connect{display:block;position:static;margin-top:1px;color:#888}
.list_autopay{padding:0 15px;background-color:#fff}
.list_autopay li{display:block;position:relative;height:132px;padding:0 4px 0 7px;border-top:1px solid #e3e3e3}
.list_autopay li:first-child{border-top:0 none}
.list_autopay .tit_charge{display:block;padding-top:29px;font-size:17px;color:#1e1e1e;line-height:20px} /* 2016-04-07 수정 */
.list_autopay .txt_day{position:absolute;top:26px;right:4px;font-size:12px;color:#9da2a8}
.list_autopay .txt_payment{position:absolute;top:85px;left:7px;font-size:15px;color:#1e1e1e;font-weight:bold} /* 2016-04-07 수정 */
.list_autopay .txt_payment .txt_g{font-weight:normal}
.list_autopay .link_cancel{position:absolute;top:76px;right:4px;height:27px;padding:0 8px;line-height:27px;border:1px solid #e0e0e0;background-color:#f5f5f5}
.list_autopay .txt_connect{display:block;margin-top:1px;font-size:12px;color:#888}
.auto_pay .info_admin{padding:18px 19px 120px}
.auto_pay .lab_motion .ico_motion{top:1px;left:6px}
.auto_pay .check_motion .inp_motion{top:1px;left:6px}
.auto_pay .check_motion .lab_motion{padding:0 16px 0 40px;font-size:17px;line-height:22px;color:#1e1e1e} /* 2016-04-07 수정 */
/* 2016-03-30 자동납부 끝 */

/* 2016-04-29 QR코드 수납안내 시작 */
.info_qr {padding: 30px 30px 80px;text-align: center;}
.info_qr .tit_qr{display: block;font-weight: normal;font-size: 20px;color: #1e1e1e;}
.info_qr .txt_qr{display: block;font-weight: normal;font-size: 15px;color: #d0021b;letter-spacing:-1px}
.info_qr .txt_emph {font-weight: bold;}
.info_qr .img_qr{width: 100%;}
.info_qr .img_qr:first-of-type{padding-top: 20px;}
/* 2016-04-29 QR코드 수납안내 끝 */

/* 2018-02-19 QR 비지원 기관 안내 추가 시작 */
.info_transfer{position:relative;padding:44px 25px 21px;background-color:#fff;text-align:center}
.info_transfer .img_qr{display:block;margin:0 auto}
.info_transfer .tit_qr{margin-top:18px;font-size:16px;line-height:20px;color:#1f2b35}
.info_transfer .link_qr{position:absolute;top:16px;right:16px;font-size:12px;color:#92969a;text-decoration:underline}
.info_transfer .desc_transfer{position:relative;padding-top:53px;line-height:20px;color:#1e1e1e}
.info_transfer .desc_transfer:after{position:absolute;top:27px;left:0;right:0;width:100%;height:1px;background-color:#eaeaea;content:''}
.info_transfer .desc_transfer .emph_g{display:block;font-weight:bold}
.info_transfer .btn_transfer{display:block;overflow:hidden;width:100%;max-width:270px;height:60px;margin:16px auto 0;font-size:16px;line-height:62px;background-color:#fdd835;color:#1f2b35}
.info_transfer .btn_transfer .img_g{display:inline-block;width:47px;height:15px;margin-top:2px;background-position:-210px -350px;vertical-align:text-top} /* 2018-02-20 수정 */
.info_transfer .link_home{display:inline-block;margin-top:19px;font-size:12px;line-height:20px;color:#1f2b35;text-decoration:underline;vertical-align:top}
.info_notice{padding:24px 0 44px;text-align:center}
.info_notice .list_notice{display:inline-block;text-align:left;vertical-align:top}
.info_notice .list_notice li{padding-left:16px;font-size:12px;line-height:18px;color:#888;text-indent:-8px}
.info_notice .list_notice .link_history{color:#4a535a;text-decoration:underline}
/* 2018-02-19 QR 비지원 기관 안내 추가 끝 */

/* 2018-02-19 청구기관 레이어 추가 시작 */
.claimant_layer{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;background-color:rgba(0,0,0,.7)}
.inner_claimant_layer{overflow:hidden;background-color:#fff}
.inner_claimant_layer1{width:260px;margin:46px auto 0;border-radius:2px}
.inner_claimant_layer1 .layer_body{padding:27px 29px 26px}
.inner_claimant_layer1 .tit_layer{display:block;font-size:18px;color:#000}
.inner_claimant_layer1 .list_claimant{margin-top:19px;line-height:18px}
.inner_claimant_layer1 .list_claimant dt{margin-top:10px;color:#a9b0b6}
.inner_claimant_layer1 .list_claimant dt:first-child{margin-top:0}
.inner_claimant_layer1 .list_claimant dd{margin-top:1px;color:#767984}
.inner_claimant_layer1 .layer_foot{border-top:1px solid #ccc}
.inner_claimant_layer1 .layer_foot .btn_layer{display:block;width:100%;height:60px;font-size:16px;line-height:62px;color:#000;text-align:center}
/* 2018-02-19 청구기관 레이어 추가 끝 */

/* 2016-05-03 추가 시작 */
.qrcode_layer{background-color:#F7F7F7}
.inner_qrcode_layer{position:absolute;left:0;top:0;width:100%;background-color:#F7F7F7;z-index:9999}
.inner_qrcode_layer .info_qr{padding-bottom:30px}
.dimmed_layer_white{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background-color:#F7F7F7}
/* 2016-05-03 추가 끝 */

/* 2016-05-10 추가 시작 */
.layer_comm .inner_number_layer{display:block;padding:193px 20px 0} /* 2016-05-16 수정 */
.layer_comm .inner_name{padding:123px 20px 0} /* 2016-05-16 추가 */
.layer_comm .regist_start{display:block;padding:123px 20px 0}
.inner_number_layer .layer_body{overflow:visible;border-radius:0;padding:0}
.inner_number_layer .ico_bullet{position:absolute;top:-6px;left:21px;width:11px;height:7px;background-position:-150px -270px}
.inner_number_layer .btn_close{position:absolute;top:0;right:0;width:30px;height:30px}
.inner_number_layer .btn_close .img_g{width:13px;height:13px;margin:0 auto;background-position:-20px -260px}
.inner_number_layer .desc_layer{padding:27px 0 8px;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000}
.inner_number_layer .example_area{overflow:hidden;position:relative;height:81px}
.inner_number_layer .example_area .img_number{background-position:0 -81px}
.inner_number_layer .example_area .img_name{margin-left:-174px;background-position:0 0}
/* 2016-05-10 추가 끝 */

/* 2016-05-18 추가 시작 */
.notice_number{overflow:hidden;height:97px;margin:6px 0 8px;border:1px solid #e9e9e9;background-color:#fff;text-align:center}
.notice_number .img_kt{background-position:0 -100px}
.notice_number .img_han{background-position:0 -200px}
/* 2016-05-18 추가 끝 */

/* 2016-07-11 추가 시작 */
.page_error{position:absolute;left:0;top:50%;width:100%;padding-bottom:80px;margin-top:-127px;color:#1e1e1e;line-height:20px;text-align:center}
.error_login{margin-top:-95px;line-height:18px}
.page_error .ico_link{width:84px;height:84px;margin:0 auto 20px;background-position:-90px -80px}

.page_error .ico_error {
    display: block;
    width: 68px;
    height: 68px;
    margin: 0 auto 25px;
    background: url(https://kpay.kakaocdn.net/billgates/images/m320/img_error.png) no-repeat 0 0
}
.page_error .ico_not{width:96px;height:74px;margin:0 auto 20px;background-position:0 -170px}/* 2016-10-31 추가 */
.page_error .tit_error{display:block;padding-bottom:11px;font-size:16px}/* 2016-10-31 수정 */
.error_login .tit_error{padding-bottom:14px}
.page_error .desc_error{font-size:15px}
.page_error .desc_error~.desc_error{padding-top:20px}
.error_login .desc_error~.desc_error{padding-top:12px}
.page_error .wrap_compbtn{background-color:#fff}
.page_error .box_btn_err{margin:0 20px;border-top:1px solid #e0e0e0}
.page_error .wrap_compbtn .link_comm{font-size:17px;line-height:61px;color:#1f2b35}
.page_error .wrap_compbtn .ico_arr{display:inline-block;width:7px;height:11px;margin:24px 0 0 10px;background-position:-210px -200px;vertical-align:top}
.page_error .wrap_compbtn .ico_close{display:inline-block;margin:24px 7px 0 0;width:11px;height:11px;background-position:-240px -180px;vertical-align:top}

/* 하단 버튼 2개인 경우 */
.box_btn_err.btn_type1 .link_comm{float:left;width:50%}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    .page_error .ico_error {
        background-image: url(https://kpay.kakaocdn.net/billgates/images/m640/img_error.png);
        -webkit-background-size: 68px 68px;
        background-size: 68px 68px
    }
}


/* 2016-08-09 현대해상 추가 시작 */
.view_hd{min-height:600px} /* 2016-09-08 추가 */
.view_hd .info_total .desc_charge{padding:9px 0 0 22px}
.view_hd .info_total .num_charge{font-size:40px}
.view_hd .info_total{padding-bottom:40px}
.view_hd .info_total .txt_date{margin-top:-15px;padding-left:25px;opacity:0.78}
.view_hd .info_desc{padding:15px 0 36px}
.view_hd .info_desc:first-child{padding-top:15px}
.view_hd .info_desc .tit_desc{font-size:17px}
.view_hd .tit_desc .img_g{margin-top:3px}
.view_hd .list_detail{margin-top:12px;border:0 none}
.view_hd .list_detail li{display:table;width:100%;height:auto;min-height:20px;padding:11px 0 9px;line-height:20px;border-color:#ebebeb}
.view_hd .list_detail .tit_g{display:table-cell;float:none;padding-right:10px;text-align:left;vertical-align:middle;min-width:50px}
.view_hd .list_detail .txt_g{display:table-cell;float:none;text-align:right;vertical-align:middle;word-break: keep-all}
.view_hd .card_register{padding:0 5px}
.view_hd .card_register .tit_card{color:#323232}
.view_hd .tit_card .ico_money{width:15px;height:15px;margin:13px 5px 0 0;background-position:-30px -280px}
.tit_card .ico_money{width:15px;height:15px;margin:13px 5px 0 0;background-position:-30px -280px}
.view_hd .info_payment .link_payment{background-color:#ffcd00}
.view_hd .info_payment .link_payment.disabled_purchase_btn{background-color:#e7e7e7;color:#bababa;margin-top:1px;}
.wrap_hd .view_foot{border-top:0 none}
.wrap_hd .info_policy .link_policy{height:33px;padding-top:33px;letter-spacing:-0.03em}
.wrap_hd .info_policy .link_policy:first-child{width:52.8%}
.wrap_hd .info_policy .link_policy:last-child{width:47.2%}
.wrap_hd .info_policy .bg_bar{left:52.9%;margin-top:4px}
.wrap_hd .wrap_update{padding:0 0 37px}
.wrap_hd .wrap_update .txt_update{margin-top:0;opacity:0.2}
/* .wrap_hd .view_foot .ico_pay{width:37px;height:12px;margin:0 auto;background-position:-50px -280px} */ /* 2016-08-10 삭제 */
/* 2016-08-09 현대해상 추가 끝 */

/* 2016-08-26 추가 시작 */
/* 메인 개편 */
/* 메인 - navi */
.wrap_bill{overflow:hidden;position:relative;width:100%;min-height:100%}
.wrap_bill .gnb_bill{height:59px}
.wrap_bill .tit_bill_main{padding:23px 0 9px;font-size:21px;line-height:27px;color:#fff}/* 2018-11-06 추가 */
.wrap_bill .list_gnb{height:59px;margin:0}
.wrap_bill .list_gnb li{height:59px}
.wrap_bill .list_gnb li:first-child:after{top:19px;height:21px}
.wrap_bill .list_gnb .link_g{height:39px;padding-top:20px}
.wrap_bill .link_g .ico_pay{display:inline-block;margin:0 11px 0 0;vertical-align:top}
.wrap_bill .link_g .ico_detail{display:inline-block;margin:1px 6px 0 0;vertical-align:top}
.wrap_bill .link_g .ico_set{display:inline-block;margin:1px 6px 0 0;vertical-align:top} /* 2017-01-31 추가 */

.wrap_bill #kakaoContent{min-height:100%}
/* main - 카드리스트 */
.wrap_bill .cont_bill{padding:0 16px 185px}/* 2016-08-31 수정 */
.wrap_bill .none_bnr{padding-bottom:10px}
.wrap_bill .first_bill{padding-bottom:120px}/* 2016-08-31 추가 *//* 2016-12-05 수정 */
.wrap_bill .txt_info{margin:13px 0 0;font-size:12px;color:#64696e}
.wrap_bill .area_bnr .txt_info{margin:13px 0}
/* .wrap_bill .list_bill{padding-top:20px} 2018-11-06 삭제 */
.wrap_bill .list_bill .link_item{height:134px;padding:0 15px 0 17px;border-radius:5px}
.wrap_bill .list_bill .desc_charge{display:block;padding-right:1px;font-size:13px;font-weight:normal;color:#a3a3a3}
.list_bill .item_next .link_item{height:109px}
.list_bill .item_next .desc_charge{color:#474747}
.list_bill .item_add .link_item{height:124px}
.wrap_bill .list_bill .item_add .info_charge{bottom:9px}
.list_bill .item_add .desc_charge{color:#ffcd00}

.wrap_bill .list_bill .info_add .info_charge {bottom:36px}/* 2017-08-10 추가 */
.wrap_bill .list_bill .noti_charge {position:absolute;left:0;right:0;bottom:0;height:33px;background-color:#f7f7f7;font-size:11px;color:#b8b8b8;line-height:33px}/* 2017-08-10 추가 */
.wrap_bill .txt_autopay{display:inline-block;padding-top:20px;font-size:17px;font-weight:bold;line-height:23px;color:#474747;vertical-align:top}/* 2017-10-25 추가 2017-12-11 수정 */
.wrap_bill .list_bill .item_add .num_charge{font-weight:normal;font-size:18px;line-height:28px}
.wrap_bill .link_item .info_bill{float:left;margin:15px 0 0;text-align:left}
.wrap_bill .link_item .tit_bill{font-size:16px;color:#474747;line-height:20px}
.wrap_bill .info_bill .desc_item{margin:0 auto;color:#a3a3a3;font-weight:normal}/* 2016-08-31 수정 */
.wrap_bill .link_item .info_charge{position:absolute;bottom:13px;left:0;width:100%;margin:0;padding:0 17px 0 18px;background:none;text-align:right;clear:both;-webkit-box-sizing:border-box;box-sizing:border-box} /* 2017-02-03 수정 */
.wrap_bill .info_charge .num_charge{display:block;font-weight:bold;font-size:25px;line-height:31px;color:#474747}
.wrap_bill .num_charge .txt_emph{font-weight:bold}
.wrap_bill .cont_bill .frame_logo{float:right;width:49px;height:40px;margin:13px 0 0}/* 2016-09-05 수정 */
.wrap_bill .badge_autopay{float:left;padding-top:24px;font-size:12px;color:#1f2b35}/* 2017-12-11 추가 */
.wrap_bill .badge_autopay .ico_autopay{display:inline-block;width:35px;height:14px;margin:1px 3px 0 0;vertical-align:top;background-position:0 -365px;font-size:1px;line-height:0;color:transparent}/* 2017-12-26 수정 */
.wrap_bill .info_charge .badge_bill{float:left;width:47px;height:18px;margin-top:26px;border:1px solid #8f959a;border-radius:18px;font-weight:bold;font-size:10px;line-height:21px;color:#8f959a;text-align:center}/* 2016-08-31 수정 */
.wrap_bill .imminent_charge .badge_bill{border-color:#f44336;color:#f44336}
/* 2016-08-31 수정 시작 */
.wrap_bill .imminent_charge .desc_charge{color:#f66b63}
.wrap_bill .imminent_charge .num_charge{color:#f44336}
/* 2016-08-31 수정 끝 */
/* 2018-09-11 수정 및 추가 시작 */
.wrap_bill .bill_quick:first-child{margin-bottom:10px}
/* 2018-10-05 수정 시작 */
.wrap_bill .bill_quick .link_quick{display:block;overflow:hidden;height:50px;padding:0 15px;border-radius:5px;background-color:#fff}
.wrap_bill .bill_quick .tit_quick{float:left;margin:16px 0 14px;font-size:16px;line-height:20px;color:#000}/* 2018-10-04 수정 */
/* 2018-10-05 수정 끝 */
.wrap_bill .bill_quick .ico_selfcheck{float:left;width:22px;height:22px;margin:14px 8px 14px 0;background-position:-225px -370px}
.wrap_bill .bill_quick .ico_qr{float:left;width:20px;height:20px;margin:15px 7px 14px 0;background-position:-100px -200px}
/* 2018-10-05 수정 시작 */
/* 2018-10-11 수정 시작 */
.wrap_bill .bill_quick .desc_quick{position:relative;float:right;margin:19px 17px 17px 0;font-size:13px;line-height:13px;color:#3a3a3a}/* 2018-10-05 v2 수정 */
.wrap_bill .bill_quick .ico_arr{position:absolute;top:1px;right:-11px;width:6px;height:10px;background-position:-250px -370px}
/* 2018-10-11 수정 끝 */
.wrap_bill .bill_quick .link_qr{padding:0 17px 0 16px;border:1px solid #090c0f;background-color:#354049}
.wrap_bill .bill_quick .link_qr .tit_quick{margin:15px 0;line-height:20px;color:#fff}
/* 2018-10-05 수정 끝 */
.wrap_bill .bill_quick .link_qr .desc_quick{color:#fff}
.wrap_bill .bill_quick .link_qr .desc_quick em{color:#ffe400}
.wrap_bill .bill_quick .link_qr .ico_arr{margin-left:5px;background-position:-250px -385px}/* 2018-10-05 수정 */
/* 2018-11-06 추가 시작 */
.wrap_bill .box_quick {
    padding: 15px 17px 15px;
    border-radius: 5px 0 0 5px;
    background: #fff url(https://kpay.kakaocdn.net/billgates/images/m640/bg_bill_quick.png) no-repeat 100% 0;
    background-size: auto 100%
}

/* 2018-11-30 수정 */
.wrap_bill .box_quick .tit_quick{display:block;font-size:19px;line-height:25px;color:#1f2b35}
.wrap_bill .box_quick .desc_quick{padding-top:5px;font-size:13px;line-height:17px;color:#1f2b35}
.wrap_bill .box_quick .link_quick{display:block;width:165px;height:34px;margin-top:27px;padding-top:2px;border:1px solid #ffcc00;border-radius:2px;font-weight:bold;font-size:17px;line-height:19px;background-color:#ffe400;color:#1f2b35}
.wrap_bill .box_quick .link_quick:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.wrap_bill .box_quick .ico_qr{float:left;width:19px;height:19px;margin:6px 6px 9px 10px;background-position:0 -380px;vertical-align:text-top}
.wrap_bill .box_quick .ico_arr{float:right;width:7px;height:11px;margin:10px 8px 13px 0;background-position:-20px -380px;}
.wrap_bill .box_quick + .tit_bill_main{padding-top:35px}
/* 2018-11-06 추가 끝 */
/* 2018-09-11 수정 및 추가 끝 */
/* 2017-01-31 추가 */
.cont_bill .box_empty{padding:47px 0;border:1px solid #1b2329;border-radius:8px;background-color:#1c2730;color:#a4a9ac;text-align:center}
.cont_bill .box_empty .tit_empty{font-size:16px;font-weight:normal;color:#61676c}
.cont_bill .box_empty .txt_empty{padding-top:10px;font-size:12px;color:#454c52}
.state_area_type1 .list_state{margin-bottom:37px;border-bottom:1px solid #eee} /* 2017-02-09 수정 */
.state_area_type1 .sort_date{background-color:#1f2b35}

/* 2017-05-17  KAKAOPAY-3155 수정 시작 */
.state_area_type1 .sort_date .ico_date{position:absolute;top:1px;left:0;width:19px;height:19px;margin:0;background-position:-238px -306px;vertical-align:top}
.state_area_type1 .sort_date .ico_arrow{width:14px;height:16px;background-position:-196px -306px}
.state_area_type1 .sort_date .tit_date{height:70px;line-height:normal;color:#fff}
.state_area_type1 .desc_state{color:#bbbfc2}
.state_area_type1 .desc_charge .txt_corp{font-size:13px}
.state_area_type1 .desc_item .txt_ing{margin-right:7px;color:#b1b4b6}
.state_area_type1 .sort_date .selected_month {display:block;position:relative;margin:28px 0 0 25px;padding-left:27px;line-height:19px}
/*// 2017-05-17  KAKAOPAY-3155 수정 끝 */

.bill_type1 .info_charge .num_charge{font-size:18px;font-weight:normal}
.bill_type1 .link_item .txt_ing{float:left;margin-right:7px;font-size:12px;color:#b1b4b6}
.bill_type1 .link_item .txt_num{float:left;font-size:12px;color:#52585e}
.bill_type1 .list_bill .link_bill{position:absolute;right:17px;bottom:14px;font-size:13px;color:#a8a8a8} /* 2018-02-20 삭제 및 수정 */
.wrap_bill .cont_bill .bnr_type1{position:static;bottom:260px;padding-top:40px}
.wrap_bill .cont_bill_type2{padding:0}
.cont_bill_type2 .list_set{width:100%;padding:20px 0;background-color:#1f2b35}
.cont_bill_type2 .list_set li:first-child .text_item{border-top:none}
.list_set .link_ico{display:block;position:relative;height:65px;padding-left:50px;font-size:15px;line-height:63px;color:#fff} /* 2017-12-19 수정 */
/* 2018-03-15 수정 시작 */
.list_set .ico_bill{position:absolute;top:23px;left:15px;width:26px;height:15px;background-position:0 -310px} /* 2017-02-03 수정 *//* 2017-12-13 수정 */
.list_set .ico_autopay{position:absolute;top:20px;left:15px;width:26px;height:14px;margin:5px 0 0 4px;background-position:-210px -330px}/* 2017-10-25 추가 */
/* 2018-03-15 수정 끝 */
.list_set .ico_reception{position:absolute;top:18px;left:15px;width:26px;height:26px;background-position:-26px -304px} /* 2017-02-03 수정 */
.list_set .ico_payment{position:absolute;top:18px;left:15px;width:26px;height:26px;background-position:-52px -304px} /* 2017-02-03 수정 */
.list_set .ico_selfcheck{position:absolute;top:22px;left:19px;width:19px;height:18px;background-position:-170px -355px} /* 2017-12-19 추가 */
.list_set .link_ico .img_arr{position:absolute;top:24px;right:15px;width:8px;height:14px;background-position:-214px -306px} /* 2017-02-03 수정 */
.list_set .text_item{display:block;border-top:1px solid #1b262f} /* 2017-02-03 수정 */
.bill_set{padding:0 0 150px;background-color:#f7f7f7}
.bill_set .tit_payment{padding:26px 0 6px 20px;font-weight:normal;font-size:14px;color:#9d9d9d}
.bill_set .tit_payment:first-child{padding-top:14px} /* 2017-12-19 추가 */
.bill_set .list_payment{padding:0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#fff} /* 2017-02-03 수정 */
.bill_set .list_payment .text_item{display:block}
.bill_set .list_payment li:first-child .text_item{border-top:none}
.bill_set .list_payment .link_ico{display:block;position:relative;height:50px;padding-left:50px;font-size:15px;line-height:50px;color:#474747}
.bill_set .list_payment .text_item{border-top:1px solid #eee} /* 2017-02-03 수정 */
.bill_set .list_payment .ico_automatic{position:absolute;top:11px;left:15px;width:26px;height:26px;background-position:-78px -304px}  /* 2017-02-03 수정 */
.bill_set .list_payment .ico_kakaomoney{position:absolute;top:11px;left:15px;width:26px;height:26px;background-position:-104px -304px} /* 2017-02-03 수정 */
.bill_set .list_payment .ico_notice{position:absolute;top:11px;left:15px;width:26px;height:26px;background-position:-130px -304px} /* 2017-02-03 수정 */
.bill_set .list_payment .ico_contact{position:absolute;top:11px;left:15px;width:26px;height:26px;background-position:-156px -304px} /* 2017-02-03 수정 */
.bill_set .list_payment .img_arr{position:absolute;top:18px;right:15px;width:8px;height:14px;background-position:-226px -306px} /* 2017-02-03 수정 */
/* 2017-01-31 추가 종료 */
/* main - 청구서 추가 리스트 */
.wrap_bill .list_add li{margin-top:6px}
.wrap_bill .list_add .link_add{position:relative;height:57px;padding-left:18px;border:1px solid #1b2329;border-radius:8px;font-size:16px;line-height:60px;background-color:#1c2730;color:#a4a9ac;text-align:left}/* 2016-10-31 수정 */
.wrap_bill .list_add .ico_add{position:absolute;top:20px;right:11px;width:19px;height:19px;margin:0;background-position:-115px -280px}/* 2018-09-11 수정 */
.wrap_bill .area_bnr{position:absolute;bottom:56px;left:0;width:100%;padding:0 16px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box} /* 2016-11-28 수정 */
/* 2018-09-11 수정 및 추가 시작 */
.wrap_bill .bnr_all{bottom:62px;padding:0 7px 0 0;font-size:0}
.wrap_bill .link_all{display:inline-block;border-bottom:1px solid #a9abae;font-size:15px;line-height:15px;color:#a9abae}
.wrap_bill .link_set{display:inline-block;position:relative;margin-left:57px;font-size:16px;line-height:18px;font-family:AppleSDGothicNeo-Medium;,sans-serif-light;color:#a9abae}
.wrap_bill .link_set:before{position:absolute;top:0;left:-31px;width:1px;height:14px;background-color:#36414a;content:''}
/* 2018-09-11 수정 및 추가 끝 */
.wrap_bill .link_guide{display:block;width:100%;height:59px;border:1px solid #354755;border-radius:5px;font-weight:bold;font-size:16px;line-height:60px;color:#e8e8e9;background-color:#232f39;-webkit-box-sizing:border-box;box-sizing:border-box}
.wrap_bill .link_guide .ico_arr{display:inline-block;width:6px;height:10px;margin-left:6px;background-position:-40px -260px}
.wrap_bill .list_bill .txt_add{font-weight:bold;font-size:17px;color:#474747}

/* main - 푸터 */
.wrap_bill .k_foot{position:absolute;bottom:0;left:0;width:100%}

/* 현대해상 수신거부 */
.refusal_head{width:100%;height:44px;background-color:#1f2b35}
.refusal_head .tit_refusal{font-weight:normal;font-size:17px;line-height:44px;color:#fff;text-align:center}
.refusal_head .tit_refusal{font-weight:normal;font-size:17px;line-height:44px;color:#fff;text-align:center}
.cont_refusal{padding:10px 20px 0}
.cont_refusal .desc_refusal{padding-top:18px;line-height:18px;color:#a3a3a3}
.cont_refusal .agree_refusal{display:block;position:relative;height:23px;margin-top:25px}
.agree_refusal .inp_agree{position:absolute;z-index:10;width:100%;height:100%;border:none;opacity:0.01}
.agree_refusal .lab_agree{display:block;font-size:17px;line-height:23px;color:#1e1e1e}
.agree_refusal .lab_agree .ico_chk{display:inline-block;width:23px;height:23px;margin-right:9px;background-position:-120px -160px;vertical-align:top}
.agree_refusal .inp_agree:checked + .lab_agree .ico_chk{background-position:-90px -280px}
.cont_refusal .btn_refusal{position:absolute;bottom:0;left:0;width:100%;height:60px;font-size:20px;color:#1f2b35;background-color:#ffcd00}
.cont_refusal .btn_refusal:disabled{color:#ccc;background-color:#efefef}

/* 현대해상 수신거부 레이어 */
.dimmed_refusal_layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background-color:rgba(30,30,30,.5)}
.refusal_layer{position:absolute;top:50%;left:50%;z-index:9999;width:230px;height:136px;margin:-68px 0 0 -130px;padding:0 15px;border-radius:2px;background-color:#fff;text-align:center}
.refusal_layer .txt_refusal{padding-top:30px;font-size:15px;color:#1e1e1e}
.refusal_layer .area_btn{overflow:hidden;position:relative;margin-top:26px;border-top:1px solid #c8c8c8}
.refusal_layer .btn_refusal{width:100%;height:57px;font-size:17px;color:#1e1e1e}
.refusal_layer .fail_refusal .btn_refusal{float:left;width:50%}
.refusal_layer .fail_refusal:after{position:absolute;top:16px;left:115px;width:1px;height:27px;background-color:#e3e3e3;content:''}
/* 2016-08-26 추가 끝 */

/* 납부 진행 페이지 */
.bridge_bill{position:absolute;top:50%;left:0;width:100%;margin-top:-59px;text-align:center}
.bridge_bill .txt_bridge{font-size:19px;line-height:27px;color:#1f2b35}
/* 2016-08-31-v2 추가 끝 */

/* 2016-09-23 추가 시작 */
/* 납부완료, 납부 불가 */
.prevent_payment{height:auto}
.prevent_payment .card_register{height:auto}
.prevent_payment .tit_card .ico_prevent{width:15px;height:15px;margin:2px 6px 0 0;background-position:-140px -280px}
.prevent_payment .payment_btn{margin:5px 0}
.payment_container .prevent_payment .tit_card{padding:11px 0 5px;color:rgba(50,50,50,0.3);line-height:1.5;letter-spacing:-1px}
.payment_container .prevent_payment .link_payment{background-color:#e7e7e7;color:rgba(30,30,30,0.3);pointer-events: none}
.view_hd .prevent_payment .tit_card{padding:11px 0 5px;color:rgba(50,50,50,0.3);line-height:1.5;letter-spacing:-1px}
.view_hd .prevent_payment .link_payment{background-color:#e7e7e7;color:rgba(30,30,30,0.3);pointer-events: none}
/* 2016-09-23 추가 끝 */

/* 2016-10-13 추가 시작 */
/* 납부하기 결제수단 */
.info_payment_type1{height:auto}/* 2016-10-14 수정 */
.info_payment_type1 .payment_btn{margin:5px 0}/* 2016-10-14 추가 */
/* .view_area .info_payment_type1 .link_payment{height:60px;border-radius:0;line-height:62px} *//* 2016-10-14 삭제 */
.layer_card .choice_addr .inp_comm:checked + .lab_comm .desc_item{font-weight:bold}
/* // 2016-10-13 추가 끝 */

/* 2016-10-31 추가 시작 */
.view_tax .info_total .txt_date{opacity:0.78}
.view_tax .info_detail{padding-top:66px}
.view_tax .list_detail{padding:0;border-color:#b7babd}
.view_tax .list_detail li{display:table;width:100%;height:auto;min-height:40px;line-height:inherit;border-color:#ebebeb;font-weight:normal}
.view_tax .list_detail .tit_g{display:table-cell;float:none;padding:10px 0 7px;width:33.3%;text-align:left;vertical-align:middle;}
.view_tax .list_detail .txt_g{display:table-cell;float:none;padding:10px 0 7px 12px;border-left:1px solid #ebebeb;font-size:14px;color:#a5a5a5;vertical-align:middle}
.view_tax .list_detail .txt_type2{padding:9px 0 7px 13px;font-size:13px;line-height:17px;color:#000}
.view_tax .list_detail .br_btm{border-bottom:1px solid #b7babd}
.view_tax .wrap_tbl{margin:13px 25px 0 42px;border-top:1px solid #b7babd;border-bottom:1px solid #b7babd}
.view_tax .tbl{width:100%;border-spacing:0;border-collapse:collapse;text-align:left}
.caption_g{overflow:hidden;width:1px;height:.1px;font-size:0;line-height:0;text-indent:-9999px}
.view_tax .tbl th{padding:12px 0 8px 12px;border-bottom:1px solid #b7babd;border-left:1px solid #ebebeb;font-weight:normal;font-size:12px;color:#a5a5a5}
.view_tax .tbl td{padding:11px 0 9px 12px;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;font-size:13px;line-height:17px}
.view_tax .tbl th:first-child, .view_tax .tbl td:first-child{padding-left:0;border-left:0 none}
/*.view_tax .tbl tr:last-child td{background-color:#fafafa}*/
.view_tax .txt_charge{padding:10px 25px 15px;font-size:13px;color:#b7babd;text-align:right}
.view_tax .txt_charge .link_tel{color:#b7babd} /* 2016-12-02-v2 수정 */
.view_tax .list_fine{overflow:hidden;padding:0 25px 0 42px}
.view_tax .list_fine li{float:left;width:50%;padding-left:2px;box-sizing:border-box}
.view_tax .list_fine li:first-child{padding:0 2px 0 0}
.view_tax .list_fine .link_fine{display:block}
.view_tax .img_thumb{display:block;width:100%}
.view_tax .link_fine .img_thumb{min-height:125px}
.view_tax .list_guide{margin-bottom:-8px}
.view_tax .list_guide li{margin:11px 25px 0 42px;padding:19px 0 4px;line-height:19px;border-top:1px solid #f2f6f7;color:#b7babd}
.view_tax .list_guide li:first-child{padding-top:11px;border-top:0 none}
.list_bnr{padding:16px 25px 48px 42px}
.list_bnr li{min-height:50px;margin-top:4px;border:1px solid #e6e6e6;background-color:#f4f4f4}
.list_bnr .link_bnr{display:block}
.btn_pageup{overflow:hidden;position:fixed;right:15px;bottom:20px;width:36px;height:30px;border:1px solid #b8b8b8;border-radius:2px;background:#fff;z-index:10}
.ico_pageup{width:17px;height:20px;margin:5px auto 0;background-position:-242px -220px}
/* 2016-10-31 추가 끝 */
/* 2016-12-01 추가 시작 */
/* 발송준비중_wrap_ready 클래스로 제어 */
.view_detail .info_total .tit_ready{margin:14px 20px 0;font-size:25px;color:#ffcd00}
.view_detail .info_total .ico_clock{display:inline-block;width:22px;height:22px;margin:6px 4px 0 0;background-position:-210px -280px;vertical-align:top}
.view_detail .info_total .txt_ready{margin:5px 20px 32px;font-size:14px;line-height:18px;color:#646a6f}
.support_province .list_province{margin:20px 25px 0 42px;font-size:0;line-height:0}
.support_province .list_province li{overflow:hidden;padding-top:5px;font-size:12px;line-height:16px;color:#1f2b35}/* 2017-12-28 수정 */
/* 2017-12-28 추가 시작 */
.support_province .list_province li:first-child{padding-top:0}
.view_detail .list_province .tit_g{float:left}
.view_detail .list_province .txt_g{float:right}
/* 2017-12-28 추가 끝 */
.support_province .txt_info{margin:5px 25px 0 42px;padding-top:10px;border-top:1px solid #ebebeb;font-size:12px;line-height:16px;color:#b7babd}
.view_tax .wrap_ready .info_detail{padding-top:37px}
.wrap_ready .info_desc:first-child{margin-top:-1px;padding-top:16px}
.wrap_ready .info_desc .tit_desc{font-size:17px}
.view_tax .wrap_ready .wrap_tbl{margin-top:16px;margin-bottom:64px;border-bottom:1px solid #ebebeb}
.view_tax .wrap_ready .tbl td{height:40px;padding:0 0 0 12px;color:#1e1e1e}
.view_tax .wrap_ready .tbl td.lst{line-height:15px}
.view_tax .wrap_ready .tbl tr:last-child td{background-color:#fff}
.view_tax .wrap_ready .tbl tr td:first-child{padding-left:0} /* 2016-12-02 추가 */
/* //2016-12-01 추가 끝 */

/* 2016-11-08 이모티콘 배너 레이어 팝업추가 시작 */
.bnr_tax{margin-top:-10px}
.bnr_tax.bnr_fixed{position:fixed;bottom:76px;left:25px;right:25px;margin-top:0}
.bnr_tax .img_bnr{display:block;width:100%}
/* 2018-01-26 수정 시작 */
.layer_emoticon{width:100%;height:100%;font-size:0;background-color:rgba(0,0,0,.8);text-align:center;white-space:nowrap}
.layer_emoticon:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.inner_emoticon_layer{display:inline-block;padding:0 13px 74px;font-size:14px;vertical-align:middle;white-space:normal}
/* // 2018-01-26 수정 끝 */
.inner_emoticon_layer .img_emoticon{dispaly:block;width:100%}
.inner_emoticon_layer .layer_body{position:relative}
/* .inner_emoticon_layer .layer_body .link_event{position:absolute;left:50%;top:56.5%;width:62%;height:18.5%;margin-left:-31%;font-size:0;line-height:0;text-indent:-9999px} 2016-11-08 삭제 */
.inner_emoticon_layer .layer_foot{overflow:hidden;position:absolute;left:0;right:0;bottom:0;width:100%;height:74px}
.inner_emoticon_layer .layer_foot .btn_comm{position:relative;float:left;width:40.5%;height:75px;font-weight:bold;font-size:17px;color:#e8e8e8;line-height:75px;letter-spacing:-1px;text-align:center}
.inner_emoticon_layer .layer_foot .btn_shut{width:59.5%}
.inner_emoticon_layer .layer_foot .btn_shut:after{position:absolute;right:0;top:25px;width:1px;height:23px;background-color:#646464;content:''}
/* //2016-11-08 추가 끝 */
/* 2017-01-31 css위치 맨 아래로 이동 */
/* 2017-02-15 추가 시작 */
/* 아파트 관리비 청구서 */
.cont_bill .item_apt .frame_logo{width:40px;height:40px;margin-top:11px}
.cont_bill .item_apt .info_bill{margin-top:16px}
.cont_bill .item_apt .info_charge{bottom:10px}
.cont_bill .item_apt .tag_kakaopay{position:absolute;bottom:5px;left:17px;padding:3px 8px 1px;border-radius:20px;font-size:10px;background-color:#f1f1f1;color:#b8b8b8}
.cont_bill .item_apt .desc_charge{line-height:18px}
/* 아파트 관리비 청구서 상세 */
.view_apt{padding-bottom:56px}
.view_apt .info_total .desc_charge{display:block;padding:20px 0 0 25px}/* 2017-05-17 KAKAOPAY-3151 수정 */
.view_apt .info_total .num_charge{line-height:36px} /* 2017-05-17 KAKAOPAY-3151 수정 */
.view_apt .info_total .txt_date{margin-top:-3px}/* 2017-05-17 KAKAOPAY-3151 추가 */
.view_apt .info_total .state_charge{float:left;margin:11px 0 0 6px;padding:3px 8px 1px;border-radius:22px;font-size:12px;background-color:#ffcd00;color:#1f2b35}
.view_apt .txt_limit{display:block;padding:0 26px;font-size:13px;line-height:18px;color:#77797c;opacity:.78}
.view_apt .info_total .sort_date{margin-top:28px}
.view_apt .info_comparison{height:39px;padding:12px 94px 0 21px} /* 2017-09-15 수정 */
.view_apt .info_comparison .img_emo{bottom:0;right:20px}
.view_apt .info_desc{padding-top:55px}
.view_apt .info_desc.fst{padding-top:41px}
.view_apt .info_desc .tit_desc{font-size:16px}
.view_apt .tit_desc .img_g{margin:3px 7px 0 22px}
.view_apt .cont_graph{padding-top:32px}
.view_apt .cont_graph .num_progress{top:26px;left:44px}
.view_apt .list_detail_type1{padding:16px 25px 0 42px;font-size:14px;color:#a5a5a5}
.view_apt .list_detail_type1 li{padding:10px 0 9px;border-bottom:1px solid #ebebeb}
.view_apt .list_detail_type1 li:first-child{border-top:1px solid #ebebeb}
.view_apt .list_detail_type2{padding:18px 23px 0 45px}
.view_apt .list_detail_type2 li{display:table;position:relative;width:100%;padding:10px 0 8px;border-bottom:1px solid #ebebeb}/* 2017-05-11 수정 */
.view_apt .list_detail_type2 .tit_g{display:table-cell;min-width:60px;color:#a5a5a5;vertical-align:middle} /* 2017-05-11 수정 */
.view_apt .list_detail_type2 .txt_g{float:right;line-height:20px;color:#1e1e1e;text-align:right}
.view_apt .list_detail_type2 .info_bank{display:table;width:100%}/* 2017-05-11 추가 */
.view_apt .list_detail_type2 .emph_notice{display:block;margin-bottom:10px} /* 2017-05-11 추가 */
.view_apt .list_amount .txt_g{font-size:16px}
.view_apt .bnr_bill{margin:10px 25px 0 42px}
.view_apt .bnr_bill .img_bnr{display:block;margin:0 auto}
.view_apt .wrap_tbl{padding:15px 25px 0 42px}
.view_apt .tbl_detail_type1{width:100%;border-top:1px solid #b7babd;border-bottom:1px solid #b7babd;color:#1e1e1e;text-align:center;border-collapse:separate}
.view_apt .tbl_detail_type1 th{padding:12px 0 9px;border-left:1px solid #ebebeb;font-weight:normal;font-size:12px;color:#a5a5a5}
.view_apt .tbl_detail_type1 th:first-child{border-left:0 none}
.view_apt .tbl_detail_type1 td{padding:12px 0 9px;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;font-size:13px}
.view_apt .tbl_detail_type1 td:first-child{border-left:0 none}
/*.view_apt .tbl_detail_type1 td:last-child{color:#b4b4b4} 2017-07-24 삭제*/
.view_apt .tbl_detail_type1 tr:first-child td{border-top-color:#b7babd}
/* 2017-07-24 추가 시작 */
.view_apt .tbl_detail_type2{width:100%;border-top:1px solid #b7babd;border-bottom:1px solid #b7babd;color:#1e1e1e;text-align:center;border-collapse:separate}
.view_apt .tbl_detail_type2 th{padding:12px 0 9px;border-left:1px solid #ebebeb;font-weight:normal;font-size:12px;color:#a5a5a5}
.view_apt .tbl_detail_type2 th:first-child{border-left:0 none}
.view_apt .tbl_detail_type2 td{padding:12px 0 9px;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;font-size:13px}
.view_apt .tbl_detail_type2 td:first-child{border-left:0 none}
.view_apt .tbl_detail_type2 td:last-child{padding-right:2px;text-align:right}
.view_apt .tbl_detail_type2 tr:first-child td{border-top-color:#b7babd}
.view_apt .tbl_detail_type2 .num_increase {color:#fd4321}
.view_apt .tbl_detail_type2 .num_decrease {color:#2895f0}
/* //2017-07-24 추가 끝 */
.view_foot_type1{background-color:#e4e4e4;text-align:center}
.view_foot_type1 .info_policy{display:block;overflow:hidden;position:relative;font-size:14px}
.view_foot_type1 .info_policy .link_policy{float:left;width:50%;padding:19px 0 18px;color:#1e1e1e;opacity:.7}
.view_foot_type1 .info_policy .link_policy:first-child:after{position:absolute;top:50%;left:50%;width:1px;height:13px;margin-top:-8px;background-color:#bec1c5;content:''}
.view_foot_type1 .wrap_update .desc_update{margin-top:0px}
.view_foot_type1 .wrap_update .txt_update{margin-top:13px}
.view_foot_type1 .wrap_update .txt_tel{display:block;padding-top:14px;font-size:11px;color:#1a1a1a;opacity:.5}
.view_foot_type1 .wrap_update .link_tel{text-decoration:underline}

/* 2017-11-09 수정 시작 */
/* 수신거부 */
.view_refuse{margin-top:80px;padding:0 16px 140px;color:#1e1e1e;text-align:center}
.view_refuse .tit_refuse{font-size:21px}
.view_refuse .desc_refuse{padding-top:30px;font-size:16px;line-height:21px}
.wrap_compbtn2{height:61px;background:#f7f7f7}
.wrap_compbtn2 .box_btn{margin:0 20px;border-top:1px solid #e3e3e3;box-sizing:border-box}
.wrap_compbtn2 .link_comm{float:left;width:50%;font-size:17px;color:#1e1e1e}
.wrap_compbtn2 .link_close{width:100%}

/* 납부취소 */
.view_cancel{padding:41px 20px 84px;letter-spacing:-1px}
.view_cancel .img_cancel{display:block;width:104px;height:120px;margin:0 auto}
.view_cancel .tit_cancel{display:block;padding-top:36px;font-size:16px;line-height:20px;color:#1f2b35;letter-spacing:0}
.view_cancel .desc_cancel{padding-top:13px;font-size:13px;line-height:20px;color:#a0a0a0}
.view_cancel>.link_cancel{display:inline-block;height:22px;margin-top:13px;padding:0 10px;border:1px solid #000;border-radius:20px;font-size:13px;line-height:24px;color:#000}
.view_cancel>.link_cancel+.desc_cancel{padding-top:42px}
.view_cancel>.link_cancel:last-of-type{margin-top:11px}

/* 청구기관 연락처 */
.wrap_contact .view_head .link_prev{left:1px}
.wrap_contact .txt_desc{padding:24px 22px 0;line-height:19px}
.wrap_contact .detail_view{margin-top:22px;padding:0}
.wrap_contact .detail_view .tit_desc{font-size:15px}
.wrap_contact .list_detail_view{border-color:#4a5254}
.wrap_contact .list_detail_view dt{max-width:145px} /* 2018-01-04 수정 */
.wrap_contact .list_detail_view dt:first-child:nth-last-child(2){top:50%;margin-top:-20px}
.wrap_contact .list_detail_view dd{position:relative;padding-left:150px;border-color:#b1b2b2} /* 2018-01-04 수정 */
.wrap_contact .list_detail_view dd:last-child{border-color:#b1b2b2}
.wrap_contact .list_detail_view .tit_type2{height:34px;padding-top:6px;font-size:12px;line-height:16px}
.wrap_contact .list_detail_view .tit_type2:first-child{height:35px;padding-top:5px}
.wrap_contact .list_detail_view .txt_type2 .txt_g{display:inline-block;max-width:95px;font-size:12px;line-height:16px;text-decoration:none;vertical-align:top;word-break:keep-all} /* 2018-01-04 수정 */
.wrap_contact .list_detail_view .txt_type2 .txt_g:only-child{position:absolute;top:5px;right:0}
.wrap_contact .list_detail_view .link_g{display:inline-block;text-decoration:underline;vertical-align:top}
.contact_foot{padding:45px 0 54px 0}
.contact_foot .img_g{width:39px;height:12px;margin:0 auto;background-position:0 -330px}
/* // 2017-11-09 수정 끝 */

.contact_etc{padding-bottom:60px}/* 2017-05-11 추가 */
.contact_etc .tit_plus {padding-top:20px}/* 2017-05-11 추가 */
.contact_etc .list_shortcut {margin-bottom:0}/* 2017-05-11 추가 */

/* 2017-03-24 푸터로고 추가 시작 */
.k_foot .img_logo {
    overflow: hidden;
    float: left;
    width: 93px;
    height: 14px;
    margin: 13px 0 0 23px;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    background: url(https://kpay.kakaocdn.net/billgates/images/m320/img_logo_180911.png) no-repeat 0 0
}

/* 2018-09-11 수정 */
/* 2017-03-24 푸터로고 추가 끝 */

/* 2017-03-18 추가 시작, 로딩페이지 */
.layout_loading #kakaoWrap{display:table;width:100%;min-width:320px;height:100%}
.layout_loading #kakaoContent{display:table-cell;vertical-align:middle;text-align:center}
.layout_loading .img_loading{display:block;width:113px;height:113px;margin:0 auto;vertical-align:top}
.layout_loading .tit_loading{display:block;padding-top:3px;font-size:22px;line-height:26px;color:#1e1e1e}
.layout_loading .desc_loading{padding-top:17px;font-size:13px;line-height:17px;color:#b4b4b4}
/* 2017-03-18 추가 끝 */


/* 2017-05-10 추가 시작 */
/* 라디오버튼 노란배경에 흰색체크 공통 */
.choice_report{display:block;position:relative;min-height:23px}
.choice_report .inp_comm{overflow:hidden;position:absolute;left:0;top:0px;z-index:-1;width:100%;height:100%;vertical-align:top;outline:none;-webkit-appearance:none;opacity:0.01;filter:alpha(opacity=1)}
.choice_report .lab_comm{display:block;position:relative;padding-left:33px;font-size:15px;line-height:19px;color:rgba(0,0,0,.85)}
.choice_report .ico_check{position:absolute;top:50%;left:0;width:23px;height:23px;pointer-events:none;margin-top:-11px;background-position:-120px -160px}
.choice_report .inp_comm:checked + .lab_comm .ico_check{background-position:-90px -280px}
.choice_report .txt_choice{display:table;width:100%;height:100%}
.choice_report .inner_txt{display:table-cell;vertical-align:middle}

/* 기능 이상 및 오류 신고하기 */
.wrap_report{position:relative;height:100%;min-height:100%}
.wrap_report #kakaoContent{position:relative;min-height:100%}
.report_check{padding-bottom:148px}
.report_check .tit_check{display:block;padding:26px 20px 6px;font-weight:normal;line-height:20px;color:rgba(0,0,0,.5)}
.report_check .list_report{border-top:1px solid #e6e6e6}
.report_check .list_report .link_report{display:table;position:relative;width:100%;height:55px;padding:8px 56px 8px 20px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.report_check .list_report .link_report:after{position:absolute;left:20px;right:0;bottom:0;height:1px;background-color:#e6e6e6;content:''}
.report_check .on .link_report:after{display:none}
.report_check .list_report li:last-child .link_report:after{left:0}
.report_check .link_report .inner_link{display:table-cell;font-size:15px;line-height:19px;color:rgba(0,0,0,.85);vertical-align:middle}
.report_check .list_report .ico_arrow{position:absolute;right:21px;top:50%;width:14px;height:8px;margin-top:-4px;background-position:-158px -284px}
.report_check .on .ico_arrow{background-position:-174px -284px}
.report_check .list_report .info_report{display:none;padding:15px 20px 17px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;font-size:13px;line-height:20px;color:rgba(0,0,0,.4)}
.report_check .on .info_report{display:block}
.report_btn{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;text-align:center;background-color:#f7f7f7}
.report_btn .box_btn{overflow:hidden;position:relative;bottom:0;height:60px}
.report_btn .box_btn.btn_type2{margin:0 20px;border-top:1px solid #e3e3e3;background:#f7f7f7}
.report_btn .btn_comm{display:block;width:100%;height:60px;font-size:20px;color:#000;line-height:62px;background-color:#ffcd00}
.report_btn .box_btn.btn_type2 .link_comm{float:left;width:50%;height:60px;font-size:17px;color:#1f2b35;line-height:62px}
.report_btn .box_btn .btn_comm:disabled{color:#ccc;background-color:#efefef;cursor:default}

.report_btn .txt_report{display:table;width:100%;height:51px;padding-top:1px;text-align:center}
.report_btn .txt_report.txt_line2{height:86px}
.report_btn .txt_report .inner_txt{display:table-cell;font-size:13px;line-height:18px;color:rgba(0,0,0,.6);vertical-align:middle}
.report_check .list_choice{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#fff}
.report_check .list_choice li{position:relative;height:75px}
.report_check .list_choice li:after{position:absolute;left:20px;right:0;bottom:0;height:1px;background-color:#e6e6e6;content:''}
.report_check .list_choice li:last-child:after{display:none}
.report_check .choice_report{padding:0 15px 0 20px}
.report_check .choice_report .txt_choice{height:75px}

/* 납부완료_빌러 추가 */
/* 2017-05-15 수정 시작 */
.wrap_complete,
.wrap_complete #kakaoContent,
.wrap_complete .view_area{min-height:100%;height:100%}
.wrap_complete #mArticle{width:100%}
.wrap_complete .view_area{min-height:337px;padding-bottom:166px;vertical-align:middle}

.receive_bill{overflow:hidden;width:100%;padding-bottom:73px;background-color:#fff}
.receive_bill .inner_recive {overflow-x:scroll;overflow-y:hidden;height:88px;padding:0 5px}
.receive_bill .tit_receive{display:block;height:25px;padding-left:20px;font-weight:normal;font-size:12px;line-height:26px;color:#717171;background-color:#f6f7f7}
.receive_bill .tit_receive .num_bill{margin-left:4px;color:#3c3c3c} /* 2017-11-30 수정 */
.receive_bill .list_receive{overflow:hidden;height:56px;margin-top:12px;padding-right:5px}
.receive_bill .list_receive li{float:left;position:relative;width:80px;padding-left:1px}
.receive_bill .link_receive{display:block;overflow:hidden;width:80px;text-align:center}
.receive_bill .link_receive .img_thumb{max-width:80px;height:41px;vertical-align:top}
.receive_bill .link_receive .name_bill{display:block;overflow:hidden;height:15px;font-size:11px;color:#717171;line-height:18px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
/* //2017-05-15 수정 끝 */

/* 상세내역 */
.view_area .list_detail .detail_item{/* overflow:hidden; */padding-left:26px;border-top:1px solid #f2f6f7;clear:both} /* 2017-01-18 수정 */
/* .view_area .list_detail .inner_detail{float:right} 2017-01-18 삭제 */
.view_area .list_detail .item_detail{border-top:1px solid #f2f6f7;line-height:17px}
.view_area .list_detail .item_detail:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.view_area .list_detail .item_detail:first-of-type{border-top:0 none}
.view_area .item_detail dt{display:table;float:left;min-height:40px;padding:12px 15px 10px 0;font-weight:normal;font-size:13px;color:#a5a5a5;clear:both;-webkit-box-sizing:border-box;box-sizing:border-box}/* 2017-08-21 수정 */
.view_area .item_detail dd{display:table;overflow:hidden;float:right;min-height:40px;padding:12px 0 10px;color:#1e1e1e;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}
.view_area .item_detail dt .inner_cell{display:table-cell;position:relative;vertical-align:middle}
.view_area .item_detail dt .inner_cell:before{position:absolute;left:-11px;top:6px;width:2px;height:2px;border-radius:2px;background-color:#b8b8b8;content:''}
.view_area .item_detail dd .inner_cell{display:table-cell;vertical-align:middle}
/* //2017-05-10 추가 끝 */

/* 2017-08-24 추가 시작 */
.view_area .list_detail .level_2 {overflow:visible;margin-left:26px;font-size:13px}
.view_area .list_detail .level_2 .tit_g {position:relative;line-height:17px}
.view_area .list_detail .level_2 .tit_g:before {position:absolute;left:-11px;top:6px;width:2px;height:2px;border-radius:2px;background-color:#b8b8b8;content:'';}
.view_area .list_detail .level_2 .txt_g {font-size:13px;line-height:17px;text-align:right}
.view_area .list_detail .level_3 {margin-left:35px;font-size:13px}
.view_area .list_detail .level_3 .txt_g {font-size:13px;text-align:right}
.view_area .level_2:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
/* 2017-08-24 추가  */

/* 2017-08-02 수정 시작 */
.layer_event{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,0.85)}
.layer_event .inner_event_layer{overflow:hidden;position:relative;height:100%}
.layer_event .inner_event_layer img{display:block;width:100%}
.layer_event .inner_event_layer .link_comm{position:absolute;top:50%;left:32%;width:34.3%;padding-top:9%;}
.layer_event .event_layer_type1 .link_comm{margin-top:8.5%}
.layer_event .inner_event_layer .layer_foot{position:absolute;bottom:0;left:0;right:0}
.layer_event .layer_body img{position:relative;left:0;right:0;width:100%;top:50%}
.layer_event .layer_body{height:100%;margin-top:-29.5%}
.layer_event .event_layer_type1 .layer_body{margin-top:-37%}
/* 2017-08-02 삭제 시작 */
/*.layer_event .inner_event_layer .btn_layer{float:left;width:64%;padding:9% 0}
.layer_event .inner_event_layer .btn_close{width:36%}
.layer_event .layer_foot img{position:absolute;bottom:0;left:0;z-index:-1}*/
/* 2017-08-02 삭제 끝 */
.layer_event .inner_event_layer .btn_layer{position:absolute;left:8%;bottom:0;width:56%;padding:8.5% 0}
.layer_event .inner_event_layer .btn_close{left:auto;right:8%;width:28%}
/* 2017-08-02 수정 끝 */

/* 2017-08-21 추가 시작 */
.view_area dd.item_sub {clear:both;width:100%;padding:0;border-top:1px solid #f2f6f6;}
.view_area .wrap_sub {min-height:40px;margin-left:9px;border-top:1px solid #f2f6f6;-webkit-box-sizing:border-box;box-sizing:border-box;}
.view_area .wrap_sub:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.view_area .wrap_sub:first-child{border-top:0}
.view_area .item_sub .tit_g{padding:12px 15px 10px 0;font-weight:normal;font-size:13px;text-align:left}
.view_area .item_sub .txt_g{padding:12px 0 10px;font-size:14px}
/* //2017-08-21 추가 끝 */

/* 2017-02-28 추가 시작 */
.state_date .list_tab{overflow:hidden;padding:14px 15px 0}
.state_date .list_tab li{float:left;width:25%}
.state_date .list_tab .link_tab{display:block;height:42px;margin-right:-1px;border:1px solid #e6e6e6;font-size:13px;line-height:42px;color:#c8c8c8;background-color:#fafafa;text-align:center}
.state_date .on .link_tab{position:relative;border-color:#1f2b35;color:#1f2b35;background-color:#fff}
.state_date .txt_term{display:block;height:47px;font-size:13px;line-height:48px;color:#787878;text-align:center}
.state_date .sort_date{height:69px}
.state_date .list_state{padding:0;margin:0 15px;border-bottom:1px solid #eee}
.state_date .list_state ul {overflow-y: scroll}
.state_date .link_more{display:block;margin:-1px 15px 0;height:42px;border:1px solid #e6e6e6;font-size:13px;line-height:42px;color:#c8c8c8;background-color:#fafafa;text-align:center}
.state_date .list_notice{padding:75px 15px 60px;font-size:13px;line-height:18px;color:#969696}
.state_date .list_notice .link_notice{color:#969696;text-decoration:underline}
.state_date .list_notice li{position:relative;padding:12px 0 0 13px}
.state_date .list_notice li:before{content:'';position:absolute;left:3px;top:20px;width:3px;height:3px;background-color:#ffcd00}
.state_date .list_notice li:first-child{padding-top:0}
.state_date .list_notice li:first-child:before{top:7px}
.state_date .list_state .link_bill{padding:31px 5px 25px}
.state_date .desc_charge .tit_charge{padding-right:135px}/* 2018-10-24 추가 */
.state_date .list_state .desc_charge{height:auto}/* 2018-10-24 수정 */
.state_date .desc_charge .num_charge{right:2px;top:23px}
.state_date .desc_charge .txt_corp{color:#c8c8c8;opacity:1}
.state_date .list_state .desc_item{padding-top:26px;font-size:12px;color:#c8c8c8}/* 2018-10-24 수정 */
.state_date .desc_item .txt_bill{color:#1e1e1e;opacity:1}
/* 2017-02-28 추가 끝 */

/* 자동납부관련 추가 시작 2017-10-25 */
/* 자동납부신청 청구서 내부 */
.regist_autopay .regist_info{overflow:hidden;padding:0 9px;border:1px solid #e0e0e0;vertical-align:top;font-size:0}
.regist_autopay .user_info{position:relative;padding:13px 11px 8px 4px;border-bottom:0;border-top:1px solid #f2f2f2}
.regist_autopay .user_info:first-child{border:0}
.regist_autopay .txt_subinfo{color:#b2b2b2}
.regist_autopay .txt_userinfo{color:#808080}
.regist_autopay .link_info{display:inline-block;float:right;font-size:12px;color:#b1b4ba}
.regist_autopay .emph_subinfo{color:#376bff;font-weight:bold}
.regist_autopay .tip_addr{display:block;padding-top:4px;font-size:12px;line-height:16px;opacity:.6} /* 2018-04-04 추가 */
.autopay_info .ico_info{width:12px;height:12px;margin:2px 3px 0 0;background-position:-75px -330px}
.autopay_info .txt_apply{display:block;padding:13px 0 9px;font-size:20px;color:#000;text-align:right;line-height:24px}
.autopay_info .txt_apply .ico_pay{display:inline-block;width:40px;height:16px;margin:2px 4px 0 0;font-size:1;line-height:0;background-position:0 -345px;color:transparent;vertical-align:text-top} /* 2018-04-04 추가 */
.autopay_info .txt_userinfo{color:#000}
.autopay_info .txt_choice{padding-bottom:8px}
/* 2017-12-11 추가 시작 */
.regist_autopay .user_addr{padding:13px 0 8px}
.regist_autopay .user_addr+.user_addr{padding-top:4px}
.regist_autopay .user_addr .txt_subinfo{padding-left:4px}
.regist_autopay .user_addr .ico_check{left:4px}
.regist_autopay .user_addr .choice_addr{padding:0 11px 0 4px;border-bottom:1px solid #f2f2f2}
.regist_autopay .user_addr .choice_addr:last-child{border:0}
/* 2017-12-11 추가 끝 */
.choice_autoday{display:block;width:100%;height:40px;margin-bottom:3px;padding:0 22px 0 0;border:0;font-size:20px;background-color:#fff;direction:rtl;-webkit-appearance:none;appearance:none}
.choice_autopay .ico_check{top:9px;left:2px}
.choice_autopay .inp_comm{top:16px;left:9px}
.autopay_info .lab_autoday{display:inline-block;padding-right:4px;font-size:12px;color:#b2b2b2;cursor:pointer}
.autopay_info .ico_more{position:absolute;top:46px;right:10px;width:12px;height:7px;background-position:-235px -330px}
.wrap_payinfo{font-size:12px;line-height:20px;color:#76777d}
.wrap_payinfo .link_comm{display:block;position:relative;padding:22px 5px 18px;border-bottom:1px solid #eaeaea}
.wrap_payinfo .tit_info{display:block;overflow:hidden;padding-right:20px;font-size:16px;color:#383940
;line-height:20px}
.wrap_payinfo .img_g{position:absolute;top:50%;right:5px;width:16px;height:9px;margin-top:-4px;background-position:-110px -330px;vertical-align:top}
.wrap_payinfo.on .img_g{background-position:-90px -330px}
.wrap_payinfo .list_payinfo{display:none;padding:20px 7px}
.wrap_payinfo.on .list_payinfo{display:block}
.wrap_payinfo .list_benefit li{padding-top:21px}
.wrap_payinfo .list_benefit li:first-child{padding-top:0}
.wrap_payinfo .emph_benefit{display:block;margin-bottom:5px;color:#54565e}
.wrap_payinfo .tit_benefit{color:#54565e;font-weight:bold}
.wrap_payinfo .list_desc li{padding:0;line-height:16px}
.wrap_payinfo .txt_refer{margin-top:5px;font-size:10px;line-height:15px}
.wrap_payinfo .guide_payinfo{padding:0 0 76px}/* 2017-12-11 수정 */
.wrap_payinfo .list_guide{padding:20px 7px 0 15px;color:#76777d}
.wrap_payinfo .list_guide li{list-style:decimal;line-height:19px}
.wrap_request{z-index:40;height:66px;background-color:#e7e7e7}/* 2017-12-11 수정 */
.wrap_request .link_comm{height:66px;font-size:24px;line-height:34px;color:#acacac}/* 2017-12-11 수정 */
.wrap_request .desc_request, .link_payment .desc_payment{display:none;padding-top:13px;font-size:12px;line-height:14px;color:#c37715}
.wrap_request .emph_request, .link_payment .emph_payment{display:inline-block;padding-top:18px}
.wrap_request.on,.wrap_request.btn_on{background-color:#ffcd00;box-sizing:border-box}/* 2017-12-11 추가 2017-12-26 수정 */
.wrap_request.btn_on .link_comm,.wrap_request.on .link_comm, .wrap_request.on_loading .link_comm{color:#000}/* 2017-12-11 추가 */
.wrap_request.on .desc_request,.link_payment.on .desc_payment{display:block}
.wrap_request.on .emph_request,.link_payment.on .emph_payment{padding-top:0}
/* .wrap_request.btn_on .emph_request{padding-top:18px} 2018-04-04 삭제 */
.wrap_request.on_loading {
    background: url(https://kpay.kakaocdn.net/billgates/images/m640/img_loading.gif) repeat-x
}

/* 2017-12-11 추가 */
.dimmed_layer_white2{position:fixed;top:0;left:0;right:0;bottom:0;z-index:30;background-color:rgba(255,255,255,0.6)}/* 2017-12-11 추가 */
/* .wrap_request.btn_on .emph_request{padding-top:18px} 2018-04-04 삭제 */
/* 청구서 상세화면 납부하기 */
.dimmed_autopay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:20;background-color:rgba(30,30,30,.5)}
.dimmed_autopay+.info_payment.info_autopay{z-index:30}
.info_payment.info_autopay{z-index:8;height:auto;padding:0 8px 5px}
.info_autopay .inp_comm{position:absolute;top:21px;left:28px;z-index:10;border:none;opacity:0.01}
.info_autopay .lab_comm{display:block;margin-left:47px;padding:16px 0 13px}
.info_autopay .ico_check{position:absolute;top:14px;left:21px;width:26px;height:26px;border-radius:26px;background-position:-40px -215px}
.info_autopay .inp_comm:checked+.lab_comm .ico_check{background-position:-70px -215px}
.info_autopay .txt_apply{display:inline-block;font-size:16px;line-height:22px;font-weight:bold;color:#0e0e0e;vertical-align:bottom}
.info_autopay .txt_apply .ico_pay{display:inline-block;width:36px;height:15px;margin:2px 1px 0 0;font-size:1px;line-height:0;background-position:0 -365px;color:transparent;vertical-align:text-top} /* 2018-04-04 추가 */
.info_autopay .txt_cardinfo{display:inline-block;font-size:13px;color:#9c9c9c;vertical-align:bottom}
.info_autopay .inp_comm:checked+.lab_comm .txt_autoinfo{display:block}
.info_autopay .txt_autoinfo{display:none;font-size:13px;color:#1f2b35}
.info_autopay .txt_autoinfo .img_g{display:inline-block;width:6px;height:9px;margin:3px 0 0 5px;vertical-align:top;background-position:-250px -330px}
.info_autopay .info_duedate{position:relative;margin:0 8px 20px;color:#000;background-color:#fff;text-align:right}
.info_autopay .lab_duedate{font-size:0}
.info_autopay .lab_duedate,.info_autopay .txt_info{position:absolute;top:16px;left:20px;font-size:13px;font-weight:normal;color:#9d9d9d}
.info_autopay .info_duedate .img_g{position:absolute;top:20px;right:20px;width:12px;height:7px;background-position:-235px -330px}
.info_autopay .choice_duedate{height:48px;margin:0;padding:0 43px 0 0;border:1px solid #c4c4c4;border-radius:0;font-size:14px;background-color:#fff}
.info_autopay .info_duedate .txt_userinfo{display:block;height:32px;padding:14px 20px 0 0;border:1px solid #c4c4c4;background-color:#fff}
.info_autopay .emph_cardinfo{font-weight:bold;color:#373cff}
.view_area .info_autopay .link_payment{height:65px;font-size:23px;line-height:34px}
.box_applyauto{height:61px;padding-top:5px}
.view_area .box_applyauto .link_payment{height:48px;padding-top:2px}/* 2017-12-11 수정 */
/* 2017-12-11 추가 시작 */
.view_area .box_withdraw{height:auto;padding-top:10px;text-align:center;line-height:18px;color:#76797f}/* 2017-12-26 수정 */
.view_area .box_withdraw .emph_withdraw{position:relative;color:#161e25}
.view_area .box_withdraw .emph_withdraw:after, .view_area .box_unpaid .emph_withdraw:after{position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #161e25;content:''}
.view_area .box_withdraw .payment_btn, .view_area .box_unpaid .payment_btn{margin:12px 0 5px}
.view_area .box_unpaid{height:auto;padding-top:10px;text-align:center;color:#adafb3}
.view_area .box_unpaid .emph_withdraw{position:relative}
.view_area .box_unpaid .emph_withdraw:after{border-bottom:1px solid #adafb3}
.view_area .box_unpaid span.link_payment{color:#8e8e91;background-color:#d6d7dc}
/* 2017-12-11 추가 끝 */
.box_applyauto .payment_btn span.link_payment{color:#ababab;background-color:#e7e7e7}
/* 자동납부신청 할인혜택 및 이용안내 */
.view_area .view_guide{height:47px;line-height:34px}
.regist_payguide .tab_payguide{overflow:hidden}
.regist_payguide .tab_payguide.tab_off{display:none}/* 2017-12-11 추가*/
.tab_payguide li{float:left;width:50%}
.tab_payguide .link_comm{display:block;position:relative;width:100%;padding:17px 0 12px;font-size:17px;text-align:center;color:#cecece}
.tab_payguide .on .link_comm{color:#1e1e1e}
.tab_payguide .link_comm:after{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#dbdcdd;content:''}
.tab_payguide .on .link_comm:after{height:3px;background-color:#1f2b35}
.regist_payguide .info_autopay{padding:0}
.regist_payguide .list_benefit{padding:26px}
.regist_payguide .list_guide{padding:26px 35px}
.regist_payguide .list_payinfo li{font-size:13px;color:#3c4b59}
.regist_payguide .list_guide li{font-size:14px;line-height:20px;color:#737b84}
.regist_payguide .emph_benefit{font-size:14px;color:#1f2b35}
.regist_payguide .desc_benefit{margin-left:9px}
.regist_payguide .desc_benefit:after{width:2px;height:2px}
.regist_payguide .txt_benefit{margin-top:8px;font-size:12px;color:#a9b0b6;line-height:17px}
/* 자동납부신청관리 */
.admin_agency .tit_possible{display:block;height:42px;padding-left:16px;font-size:14px;color:#1f2b35;line-height:42px;font-weight:bold;background-color:#f6f7f7}
.admin_agency .tit_possible .num_possible{margin:0;color:#84929e}
.admin_agency .list_possible{border-top:1px solid #d4d5d6;border-bottom:1px solid #d4d5d6}
.admin_agency .ico_logo{position:absolute;top:50%;left:6px;margin-top:-19px;width:39px;height:38px}
.admin_agency .list_possible{padding:0 17px}
.admin_agency .list_possible li+li{border-top:1px solid #d4d5d6}
.admin_agency .link_item{display:block;overflow:hidden;position:relative;padding:26px 0}
.admin_agency .info_agency{float:left;margin:0 40px 0 62px;font-size:13px}
.admin_agency .tit_agency{display:block;font-size:17px;color:#1f2b35}
.admin_agency .emph_agency{font-size:13px;color:#ffba00}
.admin_agency .ico_add{position:absolute;top:50%;right:6px;width:26px;height:26px;margin-top:-13px;background-position:-180px -325px}
.admin_agency .list_receive{padding:0 16px;border-bottom:1px solid #d4d5d6}
.admin_agency .item_receive{position:relative;padding:25px 5px 21px 6px;border-top:1px solid #d4d5d6}
.list_receive .item_receive:first-child{border:0}
.admin_agency .time_receive{font-size:13px;color:#949494}
.admin_agency .list_settle{margin-top:18px;overflow:hidden;font-size:13px}
.admin_agency .list_settle li{overflow:hidden;margin-top:2px}
.admin_agency .emph_settle{float:left;margin-right:10px;color:#7c7c7c}
.admin_agency .info_settle{display:block;overflow:hidden;color:#1e1e1e;text-align:right}
.admin_agency .card_settle{font-weight:bold}
.admin_agency .link_more{position:absolute;top:25px;right:3px;width:92px;border:1px solid #e0e0e0;text-align:center;line-height:26px;background-color:#f5f5f5}
.asking_layer{height:auto;position:fixed;margin-top:-97px}
/* 자동납부변경 */
/*.regist_change .btn_offer{margin-bottom:16px} 2017-12-11 삭제 */
.regist_change .date_info{display:block;padding:13px 11px 8px 4px;border-top:1px solid #f2f2f2}
.regist_change .date_info .txt_userinfo{color:#000}
.regist_change .change_info .txt_userinfo{color:#000}
.regist_change .date_info .txt_userinfo{margin-top:-12px;color:#000}
.regist_change .info_cancel{padding:0;text-align:right}
.regist_change .link_cancel{display:inline-block;width:42px;border-bottom:1px solid #ddd;font-size:12px;line-height:13px;color:#000;vertical-align:top}
.regist_change .info_autopay{padding:0}
/* 2017-12-11 추가 시작 */
.regist_choice .choice_addr .txt_userinfo{font-size:16px}/* 2017-12-18 수정 */
.regist_choice .choice_addr .lab_comm .txt_userid{color:#000}/* 2017-12-18 수정 */
.regist_choice .txt_userid{display:block;position:relative;font-size:20px;color:#000;text-align:right}
.regist_choice .user_info{padding-bottom:15px}
.regist_choice .user_info .txt_userid{color:#808080}/* 2017-12-18 수정 */
/*2017-12-11 추가 끝 */
/* // 자동납부관련 2017-10-25 추가 끝 */
.wrap_send2 .cont_send .info_detail{border:0}/* 2017-12-11 추가 */
.wrap_send2 .cont_send .list_detail li{height:auto}/* 2017-12-11 추가 */

/* 2017-02-16 css위치 맨 아래로 이동 */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    .img_emo {
        background-image: url(https://kpay.kakaocdn.net/billgates/images/m640/img_emo_171025.png);
        -webkit-background-size: 300px 335px;
        background-size: 300px 335px
    }

    /* 2016-10-31 수정 2017-10-25 수정 */
    .img_intro {
        background-image: url(https://kpay.kakaocdn.net/billgates/images/m640/img_intro.png);
        -webkit-background-size: 200px 180px;
        background-size: 200px 180px
    }

    /* 2016-01-25 추가 */
    .img_g {
        background-image: url(https://kpay.kakaocdn.net/kakaopay/billgates/images/m640/img_bill_181130.png);
        -webkit-background-size: 260px 405px;
        background-size: 260px 405px
    }

    /* 2018-11-06 수정 */
    .img_check {
        background-image: url(https://kpay.kakaocdn.net/billgates/images/m640/img_check160219.png);
        -webkit-background-size: 270px 300px;
        background-size: 270px 300px
    }

    /* 2016-05-10 수정 */
    .img_check2 {
        background-image:url(https://kpay.kakaocdn.net/kakaopay/billgates/common/m640/img_check2.png);
        -webkit-background-size:375px 162px;background-size:375px 162px}/* 2016-05-25 */
    .k_foot .img_logo {
        background-image: url(https://kpay.kakaocdn.net/billgates/images/m640/img_logo.png);
        -webkit-background-size: 80px 20px;
        background-size: 80px 20px
    }

    /* 2017-03-24 추가 */
}
/* 2017-02-16 css위치 맨 아래로 이동 종료 */

/* 2017-11-09 수정 시작 */
/* 해지 */
.state_cancel .reason_cancel{padding-top:0}
.state_cancel .reason_cancel .desc_info{display:block;margin-bottom:4px;padding:34px 0 0 10px;font-size:13px;text-align:left}
.state_cancel .reason_cancel .list_reason .desc_info{padding:8px 0 0} /* 2018-01-22 수정 */
.state_cancel .reason_cancel .list_reason{overflow:hidden;margin:7px 0 3px;padding:8px 14px 5px;border:1px solid #e0e0e0;background-color:#fff}
.state_cancel .reason_cancel .desc_warn{padding:50px 0 0 0;text-align:center}
.state_cancel .reason_cancel .tf_comm::-webkit-input-placeholder{padding:4px 0 6px;font-size:12px;line-height:14px;color:#000;opacity:.2}
.state_cancel .reason_cancel .info_addr{overflow:hidden;margin:8px 0 11px 0;font-size:13px;color:#9b9b9b}
/* // 2017-11-09 수정 끝 */

/* 2018-01-23 추가 시작 */
/* 기존 selfcheck.css에 있던 내용 가져옴 시작 */
/* 납부완료 > 버튼영역 */
.wrap_compbtn3{background-color:#e7e7e7}
.wrap_compbtn3 .link_comm{color:#acacac}
.wrap_compbtn3.on{background-color:#ffcd00}
.wrap_compbtn3.on .link_comm{color:#1f2b35}
/* 우측정렬 밑줄링크 */
.wrap_link_under{overflow:hidden}
/* // 기존 selfcheck.css에 있던 내용 가져옴 끝 */
.wrap_link_under .link_later{float:right;padding:13px 0 11px;font-size:13px;text-decoration:underline}
/* // 2018-01-23 추가 끝 */


/* 2020-08-18 배너 추가 시작 */
.info_adbnr{position: relative;width:312px;height:80px;margin:16px auto 0;box-sizing:border-box}
.info_adbnr .list_bnr{padding:0}
.bill_bnr{overflow:hidden}
.bill_bnr .link_bnr{height:80px;border-radius:6px}
.bill_bnr .link_bnr{background-size:312px 80px}
.bill_bnr .list_bnr li{border:none;margin-top:0;background:transparent}
.area_bnr{display:block;position:relative}
.area_bnr .link_bnr{display:block;height:80px;background-repeat:no-repeat;background-size:312px 80px;background-position:50%}
.area_bnr .img_bnr{display:block;width:100%}
.area_bnr .btn_bnr{position:absolute;top:0;right:0;width:32px;height:32px;padding:4px}
.area_bnr + .area_apply .tit_bill{overflow:hidden;position:absolute;width:0;height:0;margin:0;line-height:0;text-indent:-9999px}
/*2020-08-18 배너 추가 끝 */

/* 2022-01-10 추가 시작 */

/* 기존 common에 존재하지만 해당 파일에 존재하지 않는 내역 */
.ico_bill{display:inline-block;overflow:hidden;background:url(//t1.daumcdn.net/kakaopay/billgates/common/m320/ico_bill@0.5x_201006.png) no-repeat;font-size:1px;line-height:0;color:transparent;text-indent:-9999px;vertical-align:top} /* 2020-10-06 수정 */
.choice_bill,.choice_bill_sm,.choice_type{overflow:hidden;position:relative}
.choice_bill_sm .lab_bill{height:24px;min-height:24px;line-height:26px}
.choice_bill_sm .ico_chk{position:absolute;top:0;bottom:0;left:0;width:24px;height:24px;margin:auto;background-position:0 -170px}
.choice_bill_sm .inp_bill:checked + .lab_bill .ico_chk{background-position:-30px -170px}
.inp_bill{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;width:100%;height:100%;border:0 none;opacity:.01}

@media
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx){
    .ico_bill{background-image:url(//t1.daumcdn.net/kakaopay/billgates/common/m640/ico_bill_201113.png);background-size:400px 400px} /* 2020-11-13 수정 */
}
/* 체크박스 컴포넌트 관련 신규 CSS */
.box_chk{position: absolute;left: 0;bottom: 60px;margin: 0 20px}
.chkbx_next_alarm .lab_bill{padding-left: 35px;font-size: 16px;color:#424548;}/* 위에 해당내역 존재하나 순서 중요  */
.choice_bill_sm .ico_chk{margin:0}
.desc_alarm{margin: 10px 0 29px;padding-left: 45px;font-size:12px;line-height:15px;color: #868E96;}

/* 2022-01-10 추가 끝 */