@charset "UTF-8";
@import url('normalize.css');
/* Reset
========================================================================== */
*{padding:0;margin:0;}
html, body{width:100%;background:#fff;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;}
html, body, h1, h2, h3, h4, h5, h6, div, fieldset, p, span{padding:0;margin:0;border:0;font-size:13px;font-weight:300;color:#4a4d5d;font-family:'NanumSquareR', 'Sans-serif';line-height:1.2;-webkit-tap-highlight-color:transparent;}
body *:focus {outline:none;}
button{border:0;border-radius:0;box-shadow:none;background:none;font-family:'NanumSquareR', 'Sans-serif';appearance:none;cursor:pointer;}
button:focus{outline:none;}
table{table-layout:fixed;width:100%;}
img{vertical-align:top;}
input, select{vertical-align:middle;border-radius:0;font-family:'NanumSquareR', 'Sans-serif';}
strong {font-weight:normal;}
ul, ol{list-style:none;}
em{font-style:normal;}
a{color:inherit;text-decoration:none;}
a:visited, a:hover{text-decoration:none;}
caption span, legend{overflow:hidden;position:absolute;left:-9999px;}
.t_left{text-align:left !important;}
a, button, input[type="submit"] {cursor:pointer;pointer-events:auto;}

/* layout
========================================================================== */
html{position:relative;height:100%;}
body{height:100%;}
body [com-step-id]{min-height:100%;}
.complete-page{height:100%;}
.wrap{position:relative;min-height:100%;}
.header{position:relative;width:100%;z-index:5;}

/* header
========================================================================== */
.header.floating-back-header{width:100%;border-bottom:1px solid #e6e6e6;background:#fff;text-align:center;}
.floating-fixed{position:fixed;left:0;top:0;}
.floating-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0;}
.floating-back-header h1{display:inline-block;}
.floating-back-header h1 a{display:block;height:13px;padding:16px 0 15px;}
.floating-back-header .btn-history-back{position:absolute;left:0;top:0;}
.floating-back-header .btn-history-back.type2{z-index: 1;} /* 타겟페이지 뒤로가기버튼 순서변경 2021-11-25 */
.floating-back-header .btn-home{position:absolute;right:0;top:0;}
.floating-back-header .btn-out-page{position:absolute;right:0;top:0;}
.floating-back-header .btn-mail{position:absolute;right:2px;top:0;}/* 20190111 추가 */
.floating-back-header .btn-search{position:absolute;right:5px;top:-1px;}/* 20190129 추가 */
.floating-back-header .floating-menu .tab-menu{border-top:1px solid #e6e6e6;border-bottom:0;}
.sub-back-header{position:relative;width:100%;text-align:center;}
.sub-back-header h1{display:inline-block;}
.sub-back-header h1 a{display:block;height:13px;padding:16px 0 15px;}
.sub-back-header .btn-history-back{position:absolute;left:0;top:0;}
.title-header{font-size:16px;font-weight:700;line-height:44px;vertical-align:middle;}
.header.header-gray-style{background:#eeeeef;}
.clear-back-header .btn-history-back{background-image:url(../images/btn_back_white.png);}

/* common
========================================================================== */
/* bg style */
.bill-bg-style{padding-right:30px;padding-left:30px;padding-bottom:40px;background-image:url(../images/bg_page_circle_left.png), url(../images/bg_page_circle_right.png);background-repeat:repeat-y, repeat-y;background-position:0 0, 100% 0;background-size:16px 25px, 16px 25px;}
.highlight-style{border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background:#e7e7e9;}

/* content layout, style */
.row-padding0-style{padding:0;}
.row-bothpadding10-style{padding-right:10px;padding-left:10px;}
.row-bothpadding15-style{padding-right:15px;padding-left:15px;}
/* 2.1.0 비대면결제 */
.row-bothpadding25-style{padding-right:20px;padding-left:20px;}
.row-bothpadding30-style{padding-right:20px;padding-left:20px;}
/* //2.1.0 비대면결제 */
.row-bothpadding40-style{padding-right:40px;padding-left:40px;}
.row-padding25-ntop-style{padding-right:25px;padding-bottom:25px;padding-left:25px;}
.row-padding25-nbottom-style{padding-top:25px;padding-right:20px;padding-left:20px;}/* 2.1.0 비대면결제 */
.row-last-style{padding-bottom:90px;}
.row-bordertop-style{border-top:1px solid #e6e6e6;}
.row-padding20-top-style{padding-top:20px;}/* 20170113 */
.row-padding25-top-style{padding-top:25px;}/* 20170113 */
.row-padding100-bottom-style{padding-bottom:100px;}/* 20170113 */
.row-margin-ntop-style{margin-top:0;}/* 20170113 */

/* section layout, style */
.row-section{padding-top:10px;}
.row-section:first-child{padding-top:0;}
.row-section .inner{padding-top:10px;}
.row-section .charge-section{padding:0;}
.row-section .title-section{margin-bottom:7px;}
.page-header-notbg + .row-section{padding-top:0;}
.white-border-style{border:1px solid #e6e6e6;border-radius:2px;background:#fff;}
.white-blueborder-style{border:2px solid #4a4d5d;background:#fff;}
.round-style{padding:15px;margin:10px 10px 0;border-right:1px solid #ededed;border-left:1px solid #ededed;border-radius:5px;box-shadow:0 3px 2px -2px #d0d0d0;background:#fff;}
.round-dark-style{padding:15px 30px;margin:0 10px 0;border-radius:5px;background:#4a4d5d;}
.low-round-style{margin:0 10px 3px;border-right:1px solid #ededed;border-left:1px solid #ededed;border-radius:3px;box-shadow:0 3px 2px -2px #d0d0d0;background:#fff;}
.low-round-style table{border-radius:3px;}

/* 겹치는 bg */
.overlap25-style,
.overlap45-style{position:relative;z-index:1;}
.overlap25-style:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:25px;}
.overlap25-style>div{position:relative;}
.overlap45-style:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:45px;}
.overlap45-style>div{position:relative;}
.overlap25-style .round-style,
.overlap45-style .round-style{margin-top:0;}

/* page title */
.title-page{display:inline-block;font-size:30px;vertical-align:middle;}
.title-page-billalert{display:inline-block;position:relative;padding:0 10px 0 12px;font-size:21px;font-weight:400;}
.title-page-billalert .icon-billalert{position:absolute;right:-13px;top:2px;}
.title-page-13{display:inline-block;font-size:13px;vertical-align:middle;}
.title-page-16{display:inline-block;font-size:16px;vertical-align:middle;}
.title-page-18{display:inline-block;font-size:18px;vertical-align:middle;}
.title-page-21{display:inline-block;font-size:21px;vertical-align:middle;}
.title-page-25{display:inline-block;font-size:25px;vertical-align:middle;}
.title-page-13 strong,
.title-page-16 strong ,.title-page-21 strong{font-size:inherit;font-weight:400;}
.info-page{display:block;margin-top:3px;font-size:11px;color:#474959;text-align:center;}
.info-page strong{font-weight:400;}
.info-code-red{display:block;font-size:13px;color:#f23d40;text-align:center;}
.page-header,
.page-header-notbg{padding:22px 0;text-align:center;}
.page-bill-header{position:relative;border-bottom:2px solid #4a4d5d;text-align:center;}
.page-bill-header .title-page{padding:20px 0 19px;}
.page-bill-header .title-page + .info-code-red{position:absolute;left:0;bottom:5px;width:100%;text-align:center;}
.page-bill-header .title-page-18{padding:22px 0;}
.page-header-logo{padding:25px 0;text-align:center;}
.page-header-logo .phl-logo{display:inline-block;}
.page-header-logo .phl-txt{padding-top:8px;font-size:13px;font-weight:400;}
.page-header-logo .phl-txt-gray{padding-top:8px;font-size:13px;font-weight:400;color:#85868f;}
.phl-top40-style{padding-top:40px;text-align:center;}
.page-header-big p{padding-top:7px;font-size:13px;font-weight:400;color:#85868f;}
.page-header-big{padding-top:80px;text-align:center;}
.page-header-big p{padding-top:7px;font-size:13px;font-weight:400;color:#85868f;}
.page-logo{padding:40px 0;text-align:center;}

/* section title */
.title-section{font-size:13px;}
.title-section-16{font-size:16px;}
.title-section strong,
.title-section-16 strong{font-size:inherit;font-weight:400;}
.title-whitebar-section{height:38px;padding:0 25px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;font-size:13px;font-weight:400;line-height:38px;}
.title-whitebar-section a{display:inline-block;width:100%;background:url(../images/icon_link_gray.png) no-repeat 100% 15px;background-size:6px 10px;font-size:inherit;font-weight:inherit;line-height:38px;}

/* text */
.paragraph-11{font-size:11px;color:inherit;}
.paragraph-13{font-size:13px;color:inherit;}
.paragraph-gray-11{font-size:11px;color:#85868f;}
.paragraph-red-11{font-size:11px;color:#f23d40;}
.paragraph-13 strong,
.paragraph-red-11 strong,
.paragraph-gray-11 strong{font-weight:400;}

/* font style */
.txt-point-style{color:#f23d40;}
.ls-01em{letter-spacing:-0.1em;}
.ellipsis{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.we-5-1{min-width:20px;max-width:60px;height:18px;}/* (modify)20170220 */

/* icon */
.icon-billalert{display:block;width:22px;height:21px;background:url(../images/bg_bill.png) no-repeat 0 0;background-size:22px 21px;font-size:11px;color:#fff;font-weight:400;line-height:21px;text-align:center;vertical-align:middle;}
.icon-flag-nbbang{display:block;overflow:hidden;width:36px;height:47px;background:url(../images/icon_nbbang_flag.png) no-repeat 0 0;background-size:36px 47px;color:transparent;}
.icon-flag-bill{display:block;overflow:hidden;width:36px;height:47px;background:url(../images/icon_bill_flag.png) no-repeat 0 0;background-size:36px 47px;color:transparent;}
.icon-message-clear{position:relative;padding-left:24px;}
.icon-message-clear:before{content:"";display:block;position:absolute;left:0;top:50%;width:19px;height:13px;margin-top:-6px;background:url(../images/icon_message_clear.png) no-repeat 0 0;background-size:19px 13px;}
.icon-plus{display:inline-block;overflow:hidden;width:12px;height:12px;background:url(../images/icon_plus.png) no-repeat 0 0;background-size:12px 12px;color:transparent;}
.icon-date-start{display:block;overflow:hidden;width:15px;height:15px;background:url(../images/icon_calendar_start.png) no-repeat 0 0;background-size:15px 15px;color:transparent;}
.icon-date-end{display:block;overflow:hidden;width:15px;height:15px;background:url(../images/icon_calendar_end.png) no-repeat 0 0;background-size:15px 15px;color:transparent;}
.icon-statement{display:inline-block;overflow:hidden;width:21px;height:21px;background-repeat:no-repeat;background-position:0 0;background-size:21px 21px;color:transparent;vertical-align:middle;}
.icon-statement-minus{background-image:url(../images/icon_statement_minus.png);}
.icon-statement-plus{background-image:url(../images/icon_statement_plus.png);}

/* table */
table{table-layout:fixed;width:100%;}
.default-table th{padding:8px 0 8px 10px;border-bottom:1px solid #d6d6d6;font-size:13px;font-weight:400;text-align:left;vertical-align:middle;}
.default-table td{padding:4px 0 4px 10px;font-size:13px;font-weight:400;text-align:left;vertical-align:middle;}/* 20181206 */
.default-table tbody tr:first-child td{padding-top:7px;}
.default-table tbody tr:last-child td{padding-bottom:7px;}
.default-table tfoot td{border-top:1px solid #d6d6d6;}
.row-table th{font-size:13px;font-weight:400;text-align:center;}
.row-table td{font-size:13px;font-weight:400;line-height:18px;text-align:center;}
.rt-white-style{background:#fff;}
.rt-white-style th,
.rt-white-style td{padding-top:12px;padding-bottom:12px;border-bottom:1px solid #e6e6e6;}
.col-table th{padding:13px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;font-size:13px;font-weight:400;text-align:center;}
.col-table td{padding:13px 0;border-bottom:1px solid #e6e6e6;font-size:11px;font-weight:400;text-align:center;}
.th-small-gray,
.th-small-gray th{font-size:11px;color:#85868f;}
.t-small-gray,
.t-small-gray td{font-size:11px;font-weight:300;color:#85868f;}
.t-small-red{font-size:11px;font-weight:300;color:#f23d40;}
.t-allsum,
.t-allsum strong{font-size:25px;font-weight:300;}
table .th-highlight-style th{border-top:1px solid #d6d6d6;background:#e7e7e9;}
table td .t-center-left{display:inline-block;text-align:left;}

/* 내역서 테이블 */
.statement-table-style{width:100%;border-top:1px solid #ededed;background:#fff;}
.low-round-style .statement-table-style{border-top:none;}
.statement-table-style th,
.statement-table-style td{border-bottom:1px solid #ededed;}
.low-round-style .statement-table-style tr:last-child th,
.low-round-style .statement-table-style tr:last-child td{border-bottom:none;}
.statement-table-style th{padding-left:25px;text-align:left;}
.statement-table-style thead th{padding:10px 0;font-size:13px;font-weight:400;text-align:center;line-height:20px;}
.empty-notice{padding:20px 0;font-size:13px;font-weight:400;color:#c6c6c6;line-height:20px;text-align:center;}
table .t-date-name,
table .t-phone-name{padding:14px 0 14px 15px;text-align:left;}
table .t-date-name .t-date,
table .t-date-name .t-name,
table .t-date-name .t-name-13,
table .t-phone-name .t-date,
table .t-phone-name .t-phone{display:block;}
table .t-date-time{padding:17px 0 17px 15px;}
table .t-date-time .t-date{display:block;text-align:right;}
table .t-date-time .t-time{display:block;text-align:right;}
table .t-date,
table .t-phone{font-size:11px;font-weight:400;color:#85868f;text-align:left;}
table .t-time{font-size:11px;font-weight:400;color:#c6c6c6;text-align:left;}
table .t-mothod span span{display:block;font-size:11px;font-weight:400;color:#85868f;text-align:left;}
table .t-name{font-size:16px;font-weight:400;text-align:left;}
table .t-name-13{font-size:13px;font-weight:400;text-align:left;}
table .t-people-num{font-size:11px;font-size:400;color:#85868f;}
table .t-num{padding-left:15px;padding-right:10px;font-weight:400;text-align:left;}
table .t-money{padding:20px 10px 20px 0;text-align:right;vertical-align:middle;}
table .t-money strong{display:inline-block;font-size:16px;font-weight:400;}
table .t-money span{display:inline-block;margin-left:2px;font-size:11px;font-weight:400;color:#85868f;}
table .t-item{padding:20px 0;font-weight:400;text-align:left;}
table .t-item-gray{font-size:11px;font-weight:400;color:#c6c6c6;}
table .t-money-13{font-size:13px;font-weight:400;color:#4a4d5d;}
table .t-money-13 span{font-size:11px;font-weight:400;color:#4a4d5d;}
table .t-item-money{padding-right:15px;}
table .t-item-money .t-item-gray,
table .t-item-money .t-money-13{display:block;text-align:right;}
table .t-input-name{padding:10px 0;}
table .t-input-money{padding-left:5px;}
table .t-input-money.t-im-won .inputbox-none{width:86%;}
table .t-tel{font-weight:400;text-align:center;}
table .t-state{font-size:13px;font-weight:400;text-align:center;vertical-align:middle;}
table .t-result{padding:17px 25px 17px 0;font-weight:400;text-align:right;}
table .t-result strong{font-size:21px;font-weight:300;}
table .btn-del-list{text-align:center;vertical-align:middle;}
table .btn-del-list button{display:inline-block;overflow:hidden;width:20px;height:20px;background:url(../images/btn_del_list.png) no-repeat 4px 4px;background-size:11px 11px;color:transparent;}
table .btn-bill-view{text-align:center;vertical-align:middle;}
table .btn-bill-view a{display:inline-block;padding-right:15px;background:url(../images/icon_link_gray.png) no-repeat 100% 2px;background-size:6px 10px;font-size:11px;font-weight:400;color:#85868f;}
table .btn-common{text-align:center;vertical-align:middle;}
table .btn-common a{display:inline-block;width:56px;height:21px;border:1px solid #e6e6e6;border-radius:3px;font-size:11px;font-weight:400;color:#85868f;line-height:21px;}
table .t-chk-txt{padding:7px 0;}
table .t-chk-txt input[type="checkbox"]{margin-right:10px;vertical-align:middle;}
table .t-chk-txt strong{font-size:13px;font-weight:400;vertical-align:middle;}
table .t-radio-txt{padding:7px 0 7px 15px;text-align:left;}

/* 거래내역상세 스타일 및 테이블 */
.transaction-view-section{margin:0 10px;text-align:center;}
.transaction-view-section .btn-general{margin-top:25px;}
.transaction-view-bg{position:relative;}
.transaction-view-inner{position:relative;padding:12px 10px;border-right:1px solid #ededed;border-left:1px solid #ededed;border-radius:5px;box-shadow:0 3px 2px -2px #d0d0d0;background-color:#fff;z-index:1;}
.transaction-view-bg:after{content:"";display:block;position:absolute;left:5%;bottom:-5px;width:90%;height:5px;border-right:1px solid #ededed;border-left:1px solid #ededed;border-radius:5px;box-shadow:0 3px 2px -2px #d0d0d0;background-color:#fff;}
.transaction-view-bg:before{content:"";display:block;position:absolute;left:8%;bottom:-10px;width:84%;height:5px;border-right:1px solid #ededed;border-left:1px solid #ededed;border-radius:5px;box-shadow:0 3px 2px -2px #d0d0d0;background-color:#fff;}
.transaction-view{position:relative;padding:0 20px;background-image:url(../images/bg_page_circle_gray.png), url(../images/bg_page_circle_gray.png);background-repeat:repeat-y, repeat-y;background-size:11px 25px, 11px 25px;background-position:0 0, 100% 0;}
.transaction-view-table tr:nth-child(odd){background:#f5f5f5;}
.transaction-view-table th{font-size:11px;font-weight:400;color:#4a4d5d;text-align:center;}
.transaction-view-table td{padding:10px 0;font-size:13px;font-weight:400;color:#4a4d5d;text-align:left;}
.transaction-view-table .icon-statement{margin-right:5px;}
.transaction-view-table .icon-statement + .t-money-13{display:inline-block;}

/* table align */
table .t-align-right{padding-right:7px;padding-left:0;text-align:right;}
table .t-align-left{padding-left:15px;text-align:left;}
table .t-align-center{text-align:center;}

/* button type*/
.btn-general{display:inline-block;height:30px;padding:0 15px;border-radius:2px;line-height:30px;text-align:center;}
.btn-full30{display:block;box-sizing:border-box;width:100%;height:30px;border-radius:2px;font-size:13px;font-weight:400;line-height:30px;text-align:center;}
.btn-full35{display:block;box-sizing:border-box;width:100%;height:35px;border-radius:2px;font-size:13px;font-weight:400;line-height:35px;text-align:center;}
.btn-full45{display:block;box-sizing:border-box;width:100%;height:45px;border-radius:2px;font-size:13px;font-weight:400;line-height:45px;text-align:center;}
.btn-full50{display:block;box-sizing:border-box;width:100%;height:50px;border-radius:2px;font-size:16px;font-weight:400;line-height:50px;text-align:center;}
.btn-full55{display:block;box-sizing:border-box;width:100%;height:55px;border-radius:2px;font-size:16px;font-weight:400;line-height:55px;text-align:center;}
.btn-fn{display:inline-block;width:90px;height:30px;border-radius:2px;font-size:13px;font-weight:400;line-height:30px;text-align:center;}
.btn-charge{display:inline-block;width:92px;height:30px;padding-left:22px;border-radius:2px;background:url(../images/icon_charge2.png) no-repeat 10px 10px;background-size:8px 8px;font-size:11px;font-weight:400;line-height:30px;text-align:left;}
/* 2.1.0 비대면결제 */
.btn-submit{display:inline-block;width:100%;height:48px;font-size:16px;font-family: 'NanumSquareB';line-height:48px;text-align:center;}/* 2021-12-28 */
.btn-submit span{display:inline-block;position:relative;font-size:16px;font-family: 'NanumSquareB';line-height:48px;}/* 2021-12-28 */
/* //2.1.0 비대면결제 */
.btn-modify{display:inline-block;width:32px;height:19px;border-radius:2px;font-size:11px;font-weight:400;color:#fff;line-height:19px;text-align:center;}
.btn-complete-payment{display:block;overflow:hidden;width:122px;height:122px;background:url(../images/btn_stamp.png) no-repeat 0 0;background-size:122px 122px;color:transparent;}
.btn-history-back{display:block;overflow:hidden;width:45px;height:44px;background:url(../images/btn_back.png) no-repeat 15px 13px;background-size:18px 18px;color:transparent;}
.btn-out-page{display:block;overflow:hidden;width:48px;height:47px;background:url(../images/btn_out_page.png) no-repeat 50% calc(50% + -1px);background-size:16px 16px;color:transparent;}/* yyyy-mm-dd 요기요 */
.floating-back-header .btn-search{display:block;overflow:hidden;width:45px;height:44px;background:url(../images/btn_search.png) no-repeat center center;background-size:24px 23px;color:transparent;}/* 20190201 수정 */
.btn-register{display:inline-block;overflow:hidden;width:40px;height:40px;background:url(../images/btn_plus.png) no-repeat 0 0;background-size:40px 40px;color:transparent;}
.btn-clear-text{display:inline-block;overflow:hidden;width:17px;height:17px;background:url(../images/btn_clear_text.png) no-repeat 0 0;background-size:17px 17px;color:transparent;}
.btn-clear-text.bct-red{background-image:url(../images/btn_clear_text_red.png);}
.btn-clear-text.bct-yellow{background-image:url(../images/btn_clear_text_yellow.png);}
.btn-charge-auto{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;}
.btn-charge-auto a{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;position:relative;width:30%;height:30px;padding:6px 10px 4px;margin-right:5px;border:1px solid #e6e6e6;border-radius:2px;background:#fff;font-size:11px;font-weight:400;color:#85868f;line-height:20px;text-align:right;vertical-align:middle;}
.btn-charge-auto a:last-child{margin-right:0;}
.btn-charge-auto .icon-plus{position:absolute;left:10px;top:9px;}
.btn-keypad{display:block;overflow:hidden;position:absolute;left:50%;bottom:120px;width:85px;height:75px;margin:0 0 0 -42px;background:url(../images/btn_keypad.png) no-repeat 0 0;background-size:85px 75px;color:transparent;}
.btn-quick-write{display:block;overflow:hidden;width:69px;height:79px;background:no-repeat 0 0;background-size:69px 79px;color:transparent;}
.btn-quick-write.qw-bill{background-image:url(../images/btn_write_bill.png) ;}
.btn-quick-write.qw-nbbang{background-image:url(../images/btn_write_nbbang.png) ;}
.btn-close-calendar{display:block;overflow:hidden;width:50px;height:50px;background:url(../images/btn_close_calendar.png) no-repeat 0 0;background-size:50px 50px;color:transparent;}
.btn-more{display:block;box-sizing:border-box;width:100%;height:35px;margin-top:10px;border:1px solid #e6e6e6;background:#fff;font-size:13px;font-weight:400;text-align:center;vertical-align:middle;}
.btn-searchzone-toggle{display:block;overflow:hidden;position:relative;width:46px;height:25px;color:transparent;}
.btn-searchzone-toggle:before{content:"";display:block;position:absolute;left:0;bottom:3px;width:100%;height:10px;border-radius:0 0 5px 5px;box-shadow:0 3px 2px -2px #d0d0d0;background:#fff;}
.btn-searchzone-toggle:after{content:"";display:block;position:absolute;left:17px;top:9px;width:10px;height:6px;background:url(../images/btn_searchzone_off.png) no-repeat 0 0;background-size:10px 6px;}
.btn-searchzone-toggle.bst-show:after{background-image:url(../images/btn_searchzone_on.png);}
a.btn-common, button.btn-common{display:block;width:56px;height:21px;border:1px solid #e6e6e6;border-radius:3px;background:#fff;font-size:11px;font-weight:400;color:#85868f;line-height:23px;text-align:center;letter-spacing:-0.1px;}
.btn-home{display:block;overflow:hidden;width:45px;height:44px;background:url(../images/btn_home.png) no-repeat 15px 13px;background-size:20px 17px;color:transparent;}
.btn-home-gray{background-image:url(../images/btn_home_gray.png);}
.btn-mail{display:block;overflow:hidden;width:45px;height:44px;background:url(../images/icon_message_clear.png) no-repeat 12px 14px;background-size:22px 15px;color:transparent;}/* 20190111 추가 */

/* button icon */
.btn-icon-add{position:relative;padding:0 15px;text-align:center;}
.btn-icon-add:after{content:"";display:block;position:absolute;right:15px;top:19px;width:11px;height:11px;background:url(../images/icon_add.png) no-repeat 0 0;background-size:11px 11px;}
.btn-icon-link{position:relative;padding:0 15px;text-align:left;}
.btn-icon-link:after{content:"";display:block;position:absolute;right:15px;top:19px;width:6px;height:10px;background:url(../images/icon_link.png) no-repeat 0 0;background-size:6px 10px;}

/* button section */
.btn-hybrid-section{position:relative;}
.btn-hybrid-section:after{content:"";display:block;clear:both;}
.btn-hybrid-section>button{float:right;}
.btn-hybrid-section .chshreceipts-notice{padding-top:6px;}
.btn-complete-payment{position:absolute;right:0;bottom:-36px;}
.btn-complete-payment.type2{position:absolute;right:0;bottom:-18px;}/* 20170113 */
.btn-row-section a:first-child,
.btn-row-section button:first-child{margin-bottom:10px;}
.btn-flex-section{display:-webkit-box;display:-webkit-flex;display:flex;}
.btn-flex-section a,
.btn-flex-section button{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;margin-right:5px;vertical-align:middle;}
.btn-flex-section a:last-child,
.btn-flex-section button:last-child{margin-right:0;}
.btn-flex-section .btn-white-border{height:35px;font-weight:400;line-height:35px;text-align:center;}
.btn-flex-section.bfs-big-style a,
.btn-flex-section.bfs-big-style button{margin-right:10px;}
.btn-flex-section.bfs-big-style a:last-child,
.btn-flex-section.bfs-big-style button:last-child{margin-right:0;}

/* button style */
.btn-h-44{height:44px;}
.btn-h-50{height:50px;}
.btn-half{float:left;display:inline-block;width:50%;}
.btn-dark{background-color:#4a4d5d;color:#fff;}
.btn-dark-op90,
.btn-lightblue-op90,
.btn-blue-op90,
.btn-lightblack-op90,
.btn-deepblack-op90,
.btn-black-op90,
.btn-skyblue-op90{position:relative;}/* 2021-01-06 */
.btn-dark-op90 span,
.btn-lightblue-op90 span,
.btn-blue-op90 span,
.btn-lightblack-op90 span,
.btn-black-op90 span,
.btn-skyblue-op90 span{color:#fff;}/* 20170113 */
.btn-deepblack-op90 span{color:#1c2a8a;opacity:0.2;}/* 2021-01-06 */
.btn-dark-op90:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#a9abae;}/* 2021-03-30 */
.btn-lightblue-op90:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#bfbfbf;opacity:0.9;}/* 2019-11-27 */
.btn-blue-op90:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#3b3e4a;opacity:0.9;}
.btn-skyblue-op90:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#3656af;opacity:0.9;}/* 20170113 */
.btn-lightblack-op90:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#363636;opacity:0.9;}
.btn-deepblack-op90:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#d2e2ff;opacity:0.9;}/* 2021-01-06 */
.btn-black-op90:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#2e2e2e;opacity:0.9;}
.btn-light{background:#7d7f8a;}
.btn-red{background:#f23d40;color:#fff;}
.btn-dark-red{background:#ef3c41;color:#fff;}
.btn-gray{background:#c6c6c6;color:#fff;}
.btn-blue-gray{background:#727481;color:#fff;}
.btn-lightgray{background-color:#85868f;color:#fff;}
.btn-white-border{border:1px solid #e6e6e6;border-radius:2px;background:#fff;color:#4a4d5d;vertical-align:middle;}

/* 2.1.0 비대면결제 */
/* 2021-03-30 */
.btn-dark-op90.on:before {background-color:#192789 !important;}
.btn-deepblack-op90.on:before {background-color:#192789 !important;}
/* //2021-03-30 */
.btn-deepblack-op90.on span {color:#fff;opacity:1;}
/* //2.1.0 비대면결제 */

/* form */
form + button{margin-top:10px;}
/* radio */
.radio-25-label{position:relative;display:inline-block;font-size:0;}
.radio-25-label input[type="radio"]{display:inline-block;width:25px;height:25px;border:1px solid #d6d6d6;border-radius:50px;background:#fff;-webkit-appearance:none;}
.radio-25-label label{display:inline-block;margin-left:10px;font-size:13px;line-height:25px;vertical-align:middle;}
.radio-25-label label:after{content:"";display:block;position:absolute;left:8px;top:8px;width:10px;height:10px;border-radius:50px;background:#4a4d5d;opacity:0;}
.radio-25-label input[type="radio"]:checked + label:after{opacity:1;}
.radio-31-label{position:relative;display:inline-block;font-size:0;}
.radio-31-label input[type="radio"]{display:inline-block;width:31px;height:31px;border:1px solid #d6d6d6;border-radius:50px;background:#fff;-webkit-appearance:none;}
.radio-31-label label{display:inline-block;margin-left:7px;font-size:16px;font-weight:400;line-height:31px;vertical-align:middle;}
.radio-31-label label:after{content:"";display:block;position:absolute;left:10px;top:10px;width:12px;height:12px;border-radius:50px;background:#4a4d5d;opacity:0;}
.radio-31-label input[type="radio"]:checked + label:after{opacity:1;}

/* input text */
input{font-size:13px;font-weight:400;color:#4a4d5d;box-shadow:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input:focus{outline:none;}
/* 20170811 수정(3.0) */
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="num"]:disabled{background:#fff;font-size:13px;font-weight:400;color:#85868f;-webkit-text-fill-color:#85868f;opacity:1;}
/* //20170811 수정(3.0) */
input::-webkit-input-placeholder{ font-size:13px;color:#c6c6c6;}
.input-full40{display:block;box-sizing:border-box;width:100%;height:40px;padding:10px;border:1px solid #e6e6e6;background:#fff;font-size:13px;font-weight:400;line-height:20px;vertical-align:middle;}
.input-full40::-webkit-input-placeholder{line-height:20px;vertical-align:bottom;}
.input-full44{display:block;box-sizing:border-box;width:100%;height:44px;padding:11px;border:1px solid #e6e6e6;background:#fff;font-size:13px;font-weight:400;line-height:20px;vertical-align:middle;}
.input-full44::-webkit-input-placeholder{line-height:20px;vertical-align:bottom;}
.input-full50{display:block;box-sizing:border-box;width:100%;height:50px;padding:13px 15px;border:1px solid #e6e6e6;background:#fff;font-size:16px;font-weight:400;line-height:24px;vertical-align:middle;}
.input-full50::-webkit-input-placeholder{line-height:24px;vertical-align:bottom;}
.inputbox-inlabel{position:relative;padding:12px 30px 12px 15px;margin-bottom:5px;border:1px solid #e6e6e6;background:#fff;}
.inputbox-inlabel:last-child{margin-bottom:0;}
.inputbox-inlabel label{display:inline-block;position:absolute;left:15px;top:12px;width:70px;height:24px;font-size:13px;font-weight:400;color:#85868f;line-height:24px;vertical-align:middle;}
.inputbox-inlabel label:after{content:"";display:block;position:absolute;right:0;top:4px;width:1px;height:16px;background:#e6e6e6;}
.inputbox-inlabel input{display:inline-block;box-sizing:border-box;width:100%;height:24px;padding-left:85px;border:none;font-size:16px;font-weight:400;color:#4a4d5d;line-height:24px;}
.inputbox-inlabel .btn-clear-text{display:none;position:absolute;right:10px;top:16px;}
.inputbox-inlabel + .btn-full50{margin-top:10px;}
.inputbox-blocklabel{position:relative;margin-bottom:12px;}
.inputbox-blocklabel:last-child{margin-bottom:0;}
.inputbox-blocklabel label{display:block;font-size:13px;font-weight:400;color:#4a4d5d;}
.inputbox-blocklabel input{display:inline-block;box-sizing:border-box;width:100%;height:50px;padding:13px 15px;margin-top:7px;border:1px solid #e6e6e6;font-size:16px;font-weight:400;color:#4a4d5d;line-height:22px;}
.inputbox-blocklabel .btn-clear-text{display:none;position:absolute;right:10px;bottom:16px;}
.inputbox-none{display:inline-block;position:relative;width:100%;}
.inputbox-none .btn-clear-text{display:none;position:absolute;right:10px;top:50%;margin-top:-9px;}
.inputbox-m input[type="text"],
.inputbox-m input[type="tel"]{padding-right:28px;}
.inputbox-switch-style input[type="text"],
.inputbox-switch-style input[type="tel"]{padding-left:28px;padding-right:10px;text-align:right;}
.inputbox-switch-style .btn-clear-text{left:10px;}

/* textarea */
textarea{border-radius:0;box-shadow:none;-webkit-appearance:none;}
textarea::-webkit-input-placeholder{font-size:13px;color:#c6c6c6;}
.textareabox-blocklabel{position:relative;margin-bottom:15px;}
.textareabox-blocklabel:last-child{margin-bottom:0;}
.textareabox-blocklabel label{display:block;font-size:13px;font-weight:400;color:#4a4d5d;}
.textareabox-blocklabel textarea{display:inline-block;box-sizing:border-box;width:100%;padding:13px 15px;margin-top:7px;border:1px solid #e6e6e6;font-size:16px;font-weight:400;color:#4a4d5d;line-height:20px;}
.textareabox-blocklabel textarea:disabled{border:1px solid #e6e6e6;background:#fff;font-size:13px;font-weight:400;color:#85868f;-webkit-text-fill-color:#85868f;opacity:1;}

/* select */
select{font-size:16px;font-weight:400;color:#85868f;box-shadow:none;-webkit-appearance:none;}
.select-full44{display:inline-block;box-sizing:border-box;width:100%;height:44px;padding-left:10px;border:1px solid #e6e6e6;background:#fff url(../images/icon_select.png) no-repeat 100% 19px;background-size:17px 4px;font-size:13px;}
.select-full50{display:inline-block;box-sizing:border-box;width:100%;height:50px;padding-left:10px;border:1px solid #e6e6e6;background:#fff url(../images/icon_select.png) no-repeat 100% 22px;background-size:17px 4px;}
.select-d-section{position:relative;}
.select-d-section .sds-default{display:block;box-sizing:border-box;width:100%;height:40px;padding:0 15px;border:1px solid #e6e6e6;border-radius:3px;background:#f5f5f5 url(../images/icon_select_clear.png) no-repeat 100% 17px;background-size:23px 4px;font-size:13px;font-weight:400;text-align:left;}
.sds-list-wrap{display:none;position:absolute;left:0;top:0;width:100%;z-index:1;}
.sds-list-wrap .sds-close{display:block;box-sizing:border-box;width:100%;height:40px;padding:0 15px;border:1px solid #4a4d5d;border-bottom:none;border-radius:3px 3px 0 0;background:#f5f5f5 url(../images/icon_select_clear_up.png) no-repeat 100% 17px;background-size:23px 4px;font-size:13px;font-weight:400;line-height:39px;text-align:left;vertical-align:middle;}
.sds-list-wrap .sds-close + .sds-list{position:static;}
.sds-list-wrap .sds-list{position:absolute;left:0;top:49px;width:100%;box-sizing:border-box;border:1px solid #4a4d5d;border-top:none;border-radius:0 0 3px 3px;background:#fff;}
.sds-list-wrap .sds-list li{border-top:1px solid #e6e6e6;}
.sds-list-wrap .sds-list button{display:block;width:100%;height:38px;padding:0 15px;font-size:13px;font-weight:400;text-align:left;}
.sds-white33-style .sds-default{height:35px;background-color:#fff;background-position:100% 14px;font-size:13px;letter-spacing:-0.8px;}
.sds-white33-style .sds-list-wrap .sds-list{top:34px;}
.sds-white33-style .sds-list-wrap button{height:33px;font-size:13px;letter-spacing:-0.8px;}
.sds-white44-style .sds-default{height:44px;background-color:#fff;background-position:100% 19px;font-size:13px;}
.sds-white44-style .sds-list-wrap .sds-list{top:43px;}
.sds-white44-style .sds-list-wrap button{height:44px;font-size:13px;}
.sds-active-style .sds-list-wrap .sds-list{top:0;border-top:1px solid #4a4d5d;border-radius:3px;}
.sds-active-style .sds-list li:first-child{border-top:none;}
.sds-active-style .sds-list .on{background:#f23d40;}
.sds-active-style .sds-list .on button{color:#fff;}
.sds-on-style .sds-default{border-color:#4a4d5d;border-radius:3px 3px 0 0;background-color:#f5f5f5;background-image:url(../images/icon_select_clear_up.png);}
.sds-on-style .sds-list-wrap{display:block;}
.select-multi2-section{display:-webkit-box;display:-webkit-flex;display:flex;}
.select-multi2-section .select-d-section{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.select-multi2-section .select-d-section:first-child{margin-right:6px;}

/* checkbox */
.chk-general{display:inline-block;box-sizing:border-box;width:23px;height:23px;border:1px solid #d6d6d6;background:#fff;box-shadow:none;-webkit-appearance:none;}
.chk-general:checked{background:#fff url(../images/icon_chk.png) no-repeat 5px 6px;background-size:13px 10px;}
.chkbox{position:relative;padding-left:30px;}
.chkbox .chk-general{position:absolute;left:0;top:0;}
.chkbox label{font-size:13px;font-weight:400;line-height:25px;vertical-align:middle;}

/* hybrid form */
.input-select-form:after{content:"";display:block;clear:both;}
.input-select-form .inputbox-none{float:left;}
.input-select-form select{float:left;}
.input-select-form .select-d-section{float:left;}
.send-select-form .select-d-section{margin-top:7px;}
.send-select-form .inputbox-none{margin-top:10px;}
.write-form .textareabox-blocklabel textarea{height:220px;}

/* swich chk */
.row-switch-box{padding-top:15px;padding-bottom:15px;}
.chkbox-switch:after{content:"";display:block;clear:both;}
.chkbox-switch label{float:left;width:60%;font-size:13px;font-weight:400;color:#4a4d5d;line-height:32px;vertical-align:middle;}
.chkbox-switch .switch-61{float:right;}
.switch-61{display:inline-block;overflow:hidden;position:relative;width:61px;height:32px;}
.switch-61 input[type="checkbox"]{display:inline-block;position:relative;width:100%;height:100%;border:none;background:none;box-shadow:none;-webkit-appearance:none;z-index:1;}
.btn-switch{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:none;border-radius:30px;background:#c6c6c6;-webkit-transition:background .15s ease-in;transition:background .15s ease-in;}
.btn-switch span{display:block;position:absolute;left:2px;top:2px;width:28px;height:28px;border-radius:50px;background:#fff;-webkit-transition:left .15s ease-in;transition:left .15s ease-in;}
.btn-switch span:before,
.btn-switch span:after{position:absolute;left:0;top:0;width:28px;height:28px;font-size:8px;font-weight:500;color:#4a4d5d;line-height:28px;text-align:center;vertical-align:middle;}
.btn-switch span:before{content:"OFF";display:block;}
.btn-switch span:after{content:"ON";display:none;}
.switch-61 input[type="checkbox"]:checked + .btn-switch{background:#ffc409;}
.switch-61 input[type="checkbox"]:checked + .btn-switch span{left:31px;}
.switch-61 input[type="checkbox"]:checked + .btn-switch span:before{ display:none;}
.switch-61 input[type="checkbox"]:checked + .btn-switch span:after{ display:block;}
.cs-txt-line2{position:relative;}
.cs-txt-line2 label{line-height:16px;}
.cs-txt-line2 .paragraph-red-11{position:absolute;left:0;bottom:0;}

/* (알림설정)20170113 */
.row-switch-box.type2{padding-top:25px;padding-bottom:25px;border-top:none;border-bottom:1px solid #e6e6e6;}
.row-switch-box.type2 .chkbox-switch:after{content:"";display:block;clear:both;}
.row-switch-box.type2 .chkbox-switch label{float:left;width:60%;padding-left:9px;font-size:16px;font-weight:400;color:#4a4d5d;line-height:32px;vertical-align:middle;background-image:url(../images/bul_circle.png);background-repeat:no-repeat;background-position:0 50%;background-size:4px 4px;}
.row-switch-box.type2 .chkbox-switch .switch-61{float:right;}
.cs-txt-line2 .paragraph-13{display:block;float:none;padding:20px 0 0;color:#8e9098;clear:both;}
/* (알림설정)20170113 */

/* 거래승인번호 form */
.approve-number-section{margin-bottom:25px;}
.approve-number-section:last-child{margin-bottom:0;}
.ans-charge-style{padding:7px 14px 0;}
.approve-number-section .approve-number-form{margin-top:8px;}
.approve-number-form{font-size:0;}
.approve-number-form input[type="password"]{display:inline-block;box-sizing:border-box;width:15%;height:50px;margin-right:2%;border:1px solid #4a4d5d;border-radius:0;font-size:25px;font-weight:400;color:#4a4d5d;line-height:48px;text-align:center;vertical-align:middle;-webkit-appearance:none;}
.approve-number-form input[type="password"]:last-child{margin-right:0;}
.approve-number-form .num{display:inline-block;box-sizing:border-box;width:15%;height:50px;margin-right:2%;border:1px solid #4a4d5d;border-radius:0;font-size:25px;font-weight:400;color:#4a4d5d;line-height:48px;text-align:center;vertical-align:middle;-webkit-appearance:none;}
.approve-number-form .num:last-child{margin-right:0;}

/* 비밀번호 form */
.password-section{margin-bottom:12px;}
.password-section:last-child{margin-bottom:0;}
.password-section .password-form{margin-top:8px;}
.password-form{font-size:0;}
.password-form input[type="password"]{display:inline-block;box-sizing:border-box;width:23.5%;height:50px;margin-right:2%;border:1px solid #4a4d5d;border-radius:0;font-size:25px;font-weight:400;color:#4a4d5d;text-align:center;}
.password-form input[type="password"]:last-child{margin-right:0;}
.inputbox-inlabel + .password-section{margin-top:12px;}

/* 본인인증 */
.authentication-section{padding-bottom:5px;}
.authentication-section .title-section{padding-bottom:7px;}
.authentication-section .input-select-form{margin-bottom:5px;font-size:0;}
.authentication-section .input-select-form .inputbox-none{display:block;box-sizing:border-box;position:relative;width:66%;padding-right:5px;}
.authentication-section .input-select-form .btn-clear-text{right:15px;}
.authentication-section .input-select-form .select-d-section{display:block;width:34%;}
.authentication-section .list-tab{margin-top:5px;}
.authentication-number-section{margin-top:5px;}
.authentication-number-section .ans-top{position:relative;padding-right:117px;margin-bottom:5px;}
.ans-top>button{position:absolute;right:0;top:0;box-sizing:border-box;width:112px;}
.ans-bottom{position:relative;width:100%;}
.ans-bottom .ans-time{display:none;position:absolute;left:15px;top:14px;font-size:13px;color:#85868f;}
.ans-bottom.active input{padding-left:54px;}
.ans-bottom.active .ans-time{display:block;}
.authentication-section .authentication-agree-section{padding-bottom:15px;}
.authentication-agree-section .aas-list{position:relative;height:25px;padding-left:30px;margin-bottom:10px;}
.authentication-agree-section .aas-list:last-child{margin-bottom:0;}
.authentication-agree-section .aas-list .chk-general{position:absolute;left:0;top:0;}
.authentication-agree-section .aas-list label{display:inline-block;font-size:13px;font-weight:400;line-height:25px;letter-spacing:-0.5px;}
.authentication-agree-section .aas-list .btn-common{position:absolute;right:0;top:0;}
.authentication-agree-section .aas-btn-section{text-align:center;}
.authentication-agree-section .btn-all-agree{padding:2px 15px;line-height:23px;}

/* 로그인 */
.login-box{padding-top:80px;}
.login-box input[type="text"]{font-size:16px;font-weight:400;color:#d6d6d6;text-align:center;}
.login-box .password-form{margin-top:10px;}
.login-box .password-form input[type="password"]{border-color:#d6d6d6;}

/* list */
.bothside-list{font-size:0;}
.bothside-list:after{content:"";display:block;clear:both;}
.bothside-list.is-multi-style{padding:4px 11px 10px;}
.bothside-list.is-one-style{padding:0 11px 3px;border-top:1px solid #d6d6d6;}
.bothside-list.is-one-nb-style{padding:0 11px 3px;}
.bothside-list dt{display:inline-block;float:left;box-sizing:border-box;width:50%;height:24px;margin-top:5px;font-size:13px;font-weight:400;line-height:24px;vertical-align:middle;}
.bothside-list dd{display:inline-block;float:left;width:50%;height:24px;margin-top:5px;font-size:13px;font-weight:400;line-height:24px;text-align:right;vertical-align:middle;}
.bothside-list dd strong{display:inline-block;font-size:18px;font-weight:400;line-height:24px;}
.bothside-list dd span{position:relative;top:-1px;font-size:13px;font-weight:400;}
.bul-bl-style{position:relative;padding-left:11px;}
.bul-bl-style:after{content:"";display:block;position:absolute;left:0;top:50%;width:2px;height:2px;margin-top:-1px;background:#4a4d5d;}
.bill-bizinfo-list{padding-right:10px;}
.bill-bizinfo-list li{font-size:13px;font-weight:400;text-align:right;line-height:16px;letter-spacing:-0.5px;}
/* bank list */
.bank-list-section{padding-bottom:20px;}
.bank-list{padding-top:5px;}
.bank-list:after{content:"";display:block;clear:both;}
.bank-list li{position:relative;float:left;box-sizing:border-box;width:33.3%;margin:-1px 0 0 -1px;border:1px solid #e6e6e6;}
.bank-list li:nth-child(3n+1){margin-left:0;}
.bank-list li:nth-child(1),
.bank-list li:nth-child(2),
.bank-list li:nth-child(3){margin-top:0;}
.bank-list li a{display:block;width:100%;height:100%;}
.bank-list li img{width:100%;height:auto;}
.bl-preparing{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;}
/* 2019-11-12 */
.bl-preparing:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#4a4d5c;opacity:0.5;}
.bl-preparing .img {position:absolute;top:5px;left:5px;width:26px;height:12px;background:url('../images/img_prep.png') no-repeat 0 0;background-size:26px 12px;font-size:0;line-height:0;}
.btm_txt_c {padding-top:25px;text-align:center;font-size:16px;color:#4a4d5d;font-weight:400;letter-spacing:-1px;}/* 2019-11-13 */
/* //2019-11-12 */

/* menu list */
.menu-list{border-top:1px solid #e6e6e6;}
.menu-list:first-child{border-top:none;}
.menu-list.ml-top-margin{margin-top:25px;border-top:1px solid #e6e6e6;}
.menu-list li{border-bottom:1px solid #e6e6e6;background:#fff;}
.menu-list li>a:first-child{display:block;position:relative;box-sizing:border-box;width:100%;padding:15px 35px 15px 33px;font-size:16px;font-weight:400;line-height:24px;text-align:left;}
.menu-list li>a:first-child:before{content:"";display:block;position:absolute;left:25px;top:50%;width:2px;height:2px;background:#4a4d5d;}
.menu-list li>a:first-child:after{content:"";display:block;position:absolute;right:25px;top:22px;width:6px;height:10px;background:url(../images/icon_menulist_arrow.png) no-repeat 0 0;background-size:6px 10px;}
.ml-chk li{position:relative;padding:0 60px 0 65px;}
.ml-chk a{display:block;overflow:hidden;position:absolute;right:0;top:0;width:60px;height:55px;background:url(../images/icon_menulist_arrow.png) no-repeat 30px 22px;background-size:6px 10px;color:transparent;}
/* 2021-08-13 추가 계좌등록 버튼수정*/
.ml-chk li.agree_confirm {position:relative;padding:0 80px 0 65px;}
.ml-chk li.agree_confirm a {background-image: none; text-indent: inherit; background-position: 0 0; color: #555555; font-size: 16px; font-weight: 400; background-color: #eeeeee; display:inline-block; text-align: center; height: auto; width: 48px; padding: 5px 0 4px; border-radius: 3px; top:50%; right:20px; margin-top: -14px;}
/* //2021-08-13 */
.ml-chk label{display:block;padding:15px 0;font-size:16px;font-weight:400;line-height:24px;}
.ml-chk input[type="checkbox"]{position:absolute;left:25px;top:15px;}

/* register list */
.authentication-agree-section + .register-menu-list{padding-top:10px;}
.register-menu-list li{position:relative;margin-bottom:5px;}
.register-menu-list li:after{content:"";display:block;position:absolute;right:21px;top:50%;margin-top:-5px;width:6px;height:10px;background:url(../images/icon_menulist_arrow.png) no-repeat 0 0;background-size:6px 10px;}/* 20170303 수정 */
.register-menu-list li:last-child{margin-bottom:0;}
.register-menu-list li a{display:block;position:relative;padding:15px 0 15px 87px;border-radius:3px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-bottom:1px solid #a8a9af;border-right:1px solid #a8a9af;background:#fff;font-size:18px;font-weight:300;line-height:24px;}
.register-menu-list li span{display:block;font-size:11px;font-weight:400;line-height:16px;}
.register-menu-list li a:after{content:"";display:block;position:absolute;background:url(../images/icon_register.png) no-repeat;background-size:200px 45px;}/* 20170310 background-size 수정 */
.register-menu-list li .icon-scan:after{left:19px;top:12px;width:44px;height:44px;background-position:0 0 ;}
.register-menu-list li .icon-mobile:after{left:28px;top:20px;width:37px;height:29px;background-position:-50px 0 ;}
.register-menu-list li .icon-image:after{left:28px;top:22px;width:36px;height:28px;background-position:-100px 0 ;}
/* notice-list */
.notice-list{padding:22px 0;}
.notice-list li{padding-left:22px;margin-bottom:10px;background:url(../images/icon_bul_point.png) no-repeat 0 0;background-size:17px 17px;font-size:11px;font-weight:400;color:#4a4d5d;line-height:17px;word-break:keep-all;}
.notice-list li:last-child{margin-bottom:0;}
.notice-list.type2{margin:0 auto;padding:12px 0;}/* 20170113 */
.notice-list.type2 li{padding-top:1px;background:url(../images/icon_bul_point_17b.png) no-repeat 0 0;background-size:17px 17px;font-size:12px;color:rgba(25,25,25,0.6);}/* 20170113 */
.notice-list.type3{padding:15px 0 13px;}/* 20170113 */
.notice-list.type3 li{padding-left:20px;margin-bottom:7px;background:url(../images/icon_bul_point_14.png) no-repeat 0 1px;background-size:14px 14px;font-size:13px;font-weight:400;color:#4a4d5d;line-height:18px;word-break:keep-all;}/* 20170113 */
.notice-list.type3 li:last-child{margin-bottom:0;}/* 20170113 */
/* board */
.board-table td{border-bottom:1px solid #e6e6e6;background:#fff;text-align:left;}
.board-view{background:#fff;}
.board-view .board-view-title{padding:11px 25px 9px;border-bottom:1px solid #e6e6e6;}
.board-view .board-view-ct{padding:20px 25px;}
.board-view-ct p{padding-bottom:20px;font-size:13px;font-weight:400;line-height:18px;word-break:keep-all;}
.board-notice td a{display:block;padding:11px 25px;}
.board-notice td h2{font-size:16px;font-weight:400;}
.board-notice td p{overflow:hidden;width:100%;height:18px;margin-top:3px;font-size:13px;font-weight:400;color:#85868f;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;line-height:18px;}
.board-notice td span{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#85868f;}
.board-accordion button{display:block;position:relative;box-sizing:border-box;width:100%;padding:15px 35px 15px 33px;font-size:16px;font-weight:400;line-height:24px;text-align:left;}
.board-accordion button:before{content:"";display:block;position:absolute;left:25px;top:50%;width:2px;height:2px;background:#4a4d5d;}
.board-accordion button:after{content:"";display:block;overflow:hidden;position:absolute;right:25px;top:25px;width:10px;height:6px;background:url(../images/icon_board_arrow.png) no-repeat 0 -10px;background-size:10px 16px;}
.board-accordion .answer-on>button:after{background-position:0 0;}
.board-accordion .answer{display:none;padding:20px 25px;border-top:1px solid #e6e6e6;background:#f5f5f5;font-weight:400;line-height:17px;}

/* tab */
.list-tab{border-top:1px solid #e6e6e6;}
.list-tab:after{content:"";display:block;clear:both;}
.list-tab li{position:relative;float:left;box-sizing:border-box;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.list-tab li:first-child,
.list-tab li:nth-child(4){border-left:1px solid #e6e6e6;}
.list-tab li a{display:block;position:relative;width:100%;height:100%;padding:9px 0;background:#fff;font-size:16px;font-weight:400;color:#85868f;line-height:24px;text-align:center;vertical-align:middle;}
.list-tab .on a{background:#f23d40;color:#fff;}
.lt-6 li{width:33.3%;}
.lt-6 li:nth-child(3n){width:33.3%;}
.list-tab .lt-txt-small a{font-size:13px;}

/* tab menu */
.tab-menu{padding:0 15px;border-bottom:1px solid #e6e6e6;background:#f5f5f5;font-size:0;text-align:center;}
.tab-menu li{display:inline-block;}
.tab-menu li:last-child{margin-right:0;}
.tm-3 li:nth-child(1){width:25%;}/* 20160401 수정 */
.tm-3 li:nth-child(2){width:40%;}/* 20160401 수정 */
.tm-3 li:nth-child(3){width:35%;}/* 20160401 수정 */
.tm-4 li:nth-child(1){width:18%;}
.tm-4 li:nth-child(2){width:25%;}
.tm-4 li:nth-child(3){width:27%;}
.tm-4 li:nth-child(4){width:30%;}
.tm-5 li:nth-child(1),
.tm-5 li:nth-child(2),
.tm-5 li:nth-child(3),
.tm-5 li:nth-child(4),
.tm-5 li:nth-child(5){width:18%;}
.tm-6 li:nth-child(1),
.tm-6 li:nth-child(2),
.tm-6 li:nth-child(3),
.tm-6 li:nth-child(4),
.tm-6 li:nth-child(5){width:13%;}
.tm-6 li:nth-child(6){width:35%;}
.tm-7 li:nth-child(1),
.tm-7 li:nth-child(2),
.tm-7 li:nth-child(3),
.tm-7 li:nth-child(4),
.tm-7 li:nth-child(5),
.tm-7 li:nth-child(6){width:10%;}
.tm-7 li:nth-child(7){width:35%;}
.tab-menu li a{display:inline-block;position:relative;padding-top:12px;padding-bottom:12px;font-size:13px;font-weight:400;color:#85868f;line-height:20px;}
.tab-menu .on a{color:#4a4d5d;}
.tab-menu .on a:after{content:"";display:block;position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#4a4d5d;}

/* 탭 컨텐츠 */
.tab-ct-section{margin:0 10px 3px;}
.tcs-tab:after{content:"";display:block;clear:both;}
.tcs-tab li{float:left;width:50%;}
.tcs-tab li button{display:block;width:100%;padding:12px 0;background:#4a4d5d;font-size:13px;font-weight:400;color:#fff;line-height:21px;text-align:center;}
.tcs-tab li:first-child button{border-radius:5px 0 0 0;}
.tcs-tab li:last-child button{border-radius:0 5px 0 0;}
.tcs-tab .on button{background:#fff;color:#4a4d5d;}
.tcs-tab .on button:focus{outline:none;}
.tcs-ct-wrap{border-radius:0 0 5px 5px;box-shadow:0 3px 2px -2px #d0d0d0;background:#fff;}
.tcs-ct-wrap .tcs-ct{display:none;padding:15px;}
.tcs-ct-wrap .tcs-ct:first-child{display:block;}
.pop-tab-ct .tcs-ct-wrap{border-radius:0;box-shadow:none;background:none;}
.pop-tab-ct .tcs-ct{padding:0;}
.pop-tab-ct .tcs-ct-inner{padding:25px 20px;background:#fff;}
/* notice */
.row-notice-red{display:block;font-size:11px;font-weight:400;color:#f23d40;line-height:18px;letter-spacing:-0.7px;}
.ban-text-section{position:relative;box-sizing:border-box;width:100%;padding:17px 25px;}
.ban-text-section:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#e7e7e9;opacity:0.9;}
.ban-text-section p{display:inline-block;position:relative;min-height:26px;font-size:11px;font-weight:400;word-break:keep-all;vertical-align:middle;}
.bansmall-text-section{padding:10px;background:#f5f5f5;}
.bansmall-text-section p{font-size:11px;font-weight:400;word-break:keep-all;vertical-align:middle;}
.bts-notice{padding-left:63px;border-radius:3px;}
.bts-notice:after{content:"";display:block;position:absolute;left:25px;top:14px;width:33px;height:33px;background-image:url(../images/icon_notice.png);background-repeat:no-repeat;background-position:0 0;background-size:33px 33px;}
.bts-notice-small{padding-left:32px;background-image:url(../images/icon_notice.png);background-repeat:no-repeat;background-position:10px 7px;background-size:17px 17px;}
.notice-point-text{font-size:inherit;font-weight:inherit;color:#f23d40;}

/* info-box */
.info-box .ib-ct{padding:13px 15px;margin-top:7px;border:1px solid #e6e6e6;background:#fff;font-size:13px;font-weight:400;color:#85868f;line-height:20px;}
.info-box .ib-ct + a{margin-top:5px;}

/* 합계 */
.all-sum{box-sizing:border-box;position:relative;width:100%;padding:10px 14px 8px;border:2px solid #474959;background:#fff;font-size:0;}
.all-sum:before{content:"";display:block;position:absolute;left:10px;top:-10px;width:26px;height:17px;background:url(../images/icon_won_box.png) no-repeat 0 0;background-size:26px 17px;}
.all-sum:after{content:"";display:block;clear:both;}
.all-sum .all-sum-txt{display:inline-block;width:41%;font-size:13px;font-weight:400;color:#4a4d5d;vertical-align:middle;}
.all-sum .all-sum-num{display:inline-block;width:59%;font-size:25px;font-weight:700;color:#4a4d5d;text-align:right;vertical-align:middle;}/* 20170113 */
.all-sum .all-sum-num span{display:inline-block;position:relative;top:-4px;padding-left:3px;font-size:13px;font-weight:300;color:inherit;}/* 20170113 */
.all-sum .all-sum-more{display:block;overflow:hidden;position:absolute;right:-15px;top:-15px;width:31px;height:31px;background:url(../images/btn_view.png) no-repeat 0 0;background-size:31px 31px;color:transparent;}

/* 하단 고정 메뉴 */
.bottom-bar-section{width:100%;font-size:0;}
.bbar-height65{height:90px;}/* 20180514 수정 */
.fixed-bottom-section{position:fixed;left:0;bottom:0;width:100%;font-size:0;z-index:3;}
.fixed-bottom-section:after{content:"";display:block;clear:both;}
.quick-menu{box-sizing:border-box;width:100%;padding:0 25px;background:#474959;font-size:0;}
.quick-menu li{display:inline-block;width:33.3%;height:65px;}
.quick-menu li:last-child{width:33.4%;}
.quick-menu li a{display:block;position:relative;height:100%;}
.quick-menu li a:after{content:"";display:block;position:absolute;left:50%;top:13px;height:25px;background-image:url(../images/icon_gnb.png);background-repeat:no-repeat;background-size:77px 25px;}
.quick-menu li:nth-child(1) a:after{width:25px;margin-left:-11px;background-position:0 0;}
.quick-menu li:nth-child(2) a:after{width:26px;margin-left:-13px;background-position:-25px 0;}
.quick-menu li:nth-child(3) a:after{width:24px;margin-left:-12px;background-position:-53px 0;}
.quick-menu li span{display:block;padding-top:42px;font-size:10px;color:#fff;text-align:center;opacity:0.5;}

/* (하단 고정 정보)20170113 */
.ban-info-section{position:fixed;right:0;bottom:75px;left:0;}

/* 은행 및 계좌번호 정보 박스 */
.myaccount-info-section:first-child{padding-top:22px;}
.myaccount-info-section .myaccount-info-box{margin-top:8px;}
.myaccount-info-section .myaccount-info-box:first-child{margin-top:0;}
.myaccount-info-box{box-sizing:border-box;height:80px;border:1px solid #e6e6e6;background:#fff;text-align:center;}
.myaccount-info-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.myaccount-info{display:inline-block;vertical-align:middle;}
.myaccount-info span{display:block;font-size:16px;font-weight:400;}
.myaccount-info img+span{margin-top:10px;}
.mybank-img-box{height:80px;border:1px solid #e6e6e6;background:#fff;text-align:center;}
.mybank-img-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.mybank-img-box>a{display:inline-block;width:100%;height:100%;background:url(../images/icon_select_clear.png) no-repeat 100% 38px;background-size:23px 4px;font-size:16px;font-weight:400;color:#85868f;}
.mybank-img-box>a:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.mybank-img-box img{display:inline-block;vertical-align:middle;}
.bank-select-section .mybank-img-box{margin-bottom:10px;}
.myaccount-info-title{position:relative;padding-top:5px;box-sizing:border-box;}/* (추가)20160919 */
.myaccount-info-title .btn-general{position:absolute;top:-10px;right:0;margin-top:0;}/* (추가)20160919 */

/* (은행선택)20161013 */
.myaccount-info-section.type2:first-child{padding-top:22px;}
.myaccount-info-section.type2 .myaccount-info-box{margin-top:8px;}
.myaccount-info-section.type2 .myaccount-info-box:first-child{margin-top:0;}
.myaccount-info-section.type2 .myaccount-info-box{padding-left:25px;box-sizing:border-box;height:80px;border:1px solid #e6e6e6;background:#fff;text-align:left;position:relative;}
.myaccount-info-section.type2 .myaccount-info-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.myaccount-info-section.type2 .myaccount-info{display:inline-block;vertical-align:middle;}
.myaccount-info-section.type2 .myaccount-info span{display:block;font-size:16px;font-weight:400;}
.myaccount-info-section.type2 .myaccount-info img+span{margin-top:0;}
.myaccount-info-section.type2 .myaccount-info a.btn-fold{position:absolute;right:0;top:0;width:70px;height:78px;background-color:transparent;background-image:url(../images/btn_fold.png);background-repeat:no-repeat;background-position:50%;background-size:20px 20px;}
/* //(은행선택)20161013 */
/* (은행선택)20161014 */
.myaccount-info-section.type3 .myaccount-info-box{height:70px !important;margin-top:8px;}
.myaccount-info-section.type3 .myaccount-info-box:first-child{margin-top:0;}
.myaccount-info-section.type3 .myaccount-info-box{padding-left:20px;box-sizing:border-box;height:80px;border:1px solid #e6e6e6;background:#fff;text-align:left;position:relative;}
.myaccount-info-section.type3 .myaccount-info-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.myaccount-info-section.type3 .myaccount-info{display:inline-block;vertical-align:middle;}
.myaccount-info-section.type3 .myaccount-info span{display:block;padding-bottom:4px;font-size:16px;font-weight:400;}
.myaccount-info-section.type3 .myaccount-info img{width:auto;height:34px;}
.myaccount-info-section.type3 .myaccount-info img+span{margin-top:0;}
.myaccount-info-section.type3 .myaccount-info a.btn-fold{position:absolute;right:0;top:0;width:60px;height:68px;background-color:transparent;background-image:url(../images/btn_fold.png);background-repeat:no-repeat;background-position:50%;background-size:20px 20px;}
/* //(은행선택)20161014 */

/* 체크머니 잔액 */
.mycheckmoney-section{padding:10px 25px 12px;margin-top:10px;background:#f23d40;}/* 20160401 수정 */
.mycheckmoney-section .title-section{color:#fff;}
.current-money-box{padding:5px 0;border-bottom:1px solid #f99ea0;background:url(../images/icon_won_white.png) no-repeat 0 23px;background-size:21px 16px;text-align:right;}
.current-money-box strong{display:inline-block;font-size:35px;font-weight:300;color:#fff;line-height:44px;}
.current-money-box strong span{display:inline-block;margin-left:5px;font-size:13px;font-weight:400;color:#fff;}
.mycheckmoney-section.ms-white-style{background:#fff;}
.mycheckmoney-section.ms-none-style{background:none;}/* 20170113 */
.mycheckmoney-section.ms-white-style .title-section{color:#4a4d5d;}
.mycheckmoney-section.ms-white-style .current-money-box{border-bottom-color:#a4a6ae;background-image:url(../images/icon_won_black.png);}
.mycheckmoney-section.ms-white-style .current-money-box strong{color:#4a4d5d;}
.mycheckmoney-section.ms-white-style .current-money-box span{color:#4a4d5d;}
.txt-pname{margin-bottom:15px;font-size:12px;font-weight:400;text-align:center;}/* 20170113 */

/* 충전금액 & 송금 */
.charge-section{padding-top:15px;}
.round-style>.charge-section:first-child{padding-top:0;}
.charge-section .charge-money-box{position:relative;padding:0 30px 0 35px;margin-top:7px;border:1px solid #f23d40;background:#fff;}
.charge-money-box input[type="tel"]{display:inline-block;width:100%;height:34px;padding:9px 0 7px;border:0;background:#fff;font-size:25px;font-weight:300;color:#f23d40;line-height:34px;text-align:right;vertical-align:middle;}
.charge-money-box input::-webkit-input-placeholder{font-size:25px;font-weight:300;color:#f23d40;line-height:33px;direction:rtl;}
.charge-money-box .cmb-notice{position:absolute;left:15px;top:16px;font-size:11px;font-weight:400;color:#f23d40;line-height:20px;}
.charge-money-box .cmb-won{position:absolute;right:15px;top:16px;font-size:13px;font-weight:400;color:#f23d40;line-height:20px;}
.charge-money-box .btn-clear-text{display:none;position:absolute;left:15px;top:50%;margin-top:-9px;}
.charge-section .btn-charge-auto{margin-top:5px;}

/* 체크머니 잔액 및 충전 */
.checkmoney-charge-section .mycheckmoney-section{padding:0;margin:0;}

/* 체크머니 잔액 및 결제 금액 정보 테이블 */
.checkmoney-info-table{border:1px solid #e0e0e0;}
.checkmoney-info-table table th{padding:6px 0 6px 11px;font-weight:400;text-align:left;line-height:20px;}
.checkmoney-info-table table td{padding:6px 11px 6px 0;font-size:15px;font-weight:400;text-align:right;line-height:20px;}
.checkmoney-info-table table td .unit{font-size:13px;color:inherit;}
.checkmoney-info-table table tbody th,
.checkmoney-info-table table tbody td{border-bottom:1px solid #e0e0e0;background:#fff;}
.checkmoney-info-table table tfoot th,
.checkmoney-info-table table tfoot td{background:#eeeeef;}
.checkmoney-info-table table tfoot td.minus{color:#f23d40;}

/* 청구서 테이블 및 결제 완료 버튼 레이아웃 */
.bill-charges-section{position:relative;}
.bill-charges-section .all-sum{margin-top:12px;}

/* 청구서 정보 레이아웃 */
.bill-info-section{padding:8px;}

/* 결제 수단 선택 */
.payment-select-section{position:relative;}
.payment-select-section .payment-box{padding-top:20px;}
.payment-box.payment-select-box .payment-view{border:1px solid #4a4d5d;}
.payment-select-section .payment-view{margin-top:5px;}
.payment-select-section .row-notice-red{margin-top:3px;}
/*.payment-select-section .btn-charge{position:absolute;right:0;top:20px;} 20170303 삭제 */
.payment-box{position:relative;}/* 20170303 추가 */
.payment-box .btn-dark{position:absolute;top:20px;right:0;font-size:11px;}/* 20170717 min-width:92px; -> 삭제 */

/* 결제 내역 */
.payment-history-section dl{padding:12px 0 5px;}
.payment-history-section dl:after{content:"";display:block;clear:both;}
.payment-history-section dl dt{display:inline-block;float:left;padding-bottom:7px;font-size:13px;font-weight:400;color:#85868f;line-height:20px;vertical-align:middle;}
.payment-history-section dl dd{display:inline-block;float:right;padding-bottom:7px;font-size:16px;font-weight:400;line-height:20px;vertical-align:middle;text-align:right;}
.payment-history-section .phs-info{border-top:1px solid #4a4d5d;}
.payment-history-section .phs-info dt{width:25%;}
.payment-history-section .phs-info dd{width:75%;}
.payment-history-section .phs-checkmoney-info{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.payment-history-section .phs-checkmoney-info:first-child{border:none;}
.payment-history-section .phs-checkmoney-info dt{width:58%;letter-spacing:-1px;}
.payment-history-section .phs-checkmoney-info dd{width:42%;}

/* 결제 완료 */
.payment-complete-section{display:block;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;background:#2b2e3a;}
.pcs-ct{position:relative;width:100%;height:67.3%;;background:#313441;}
.pcs-ct:before{content:"";display:block;position:absolute;left:0;bottom:-60px;width:100%;height:60px;background:url(../images/bg_complete.png) no-repeat 0 0;background-size:100% 100%;}
.pcs-ct h1{padding-top:50px;text-align:center;}
.pcs-comment{position:relative;width:100%;}
.pcs-comment h2{padding-top:150px;font-size:16px;font-weight:400;color:#fff;text-align:center;word-break:keep-all;}
.pcs-comment h3{padding-top:20px;font-size:14px;font-weight:400;color:#fff;line-height:19px;text-align:center;word-break:keep-all;}/* 20170113 */
.pcs-row-section h2{padding-top:125px;}
.pcs-row-section .payment-history-section{padding:0 35px;}
.pcs-row-section .payment-history-section dt,
.pcs-row-section .payment-history-section dd{color:#fff;}
.pcs-comment .pcs-font-13{font-size:13px;line-height:22px;}
.pcs-comment .num{font-size:25px;font-weight:300;color:inherit;}
.icon-complete{display:block;overflow:hidden;position:absolute;left:50%;top:22px;width:88px;height:93px;margin-left:-31px;background:no-repeat 0 0;background-size:88px 93px;color:transparent;}
.pcs-ct .btn-complete{display:block;position:absolute;left:50%;bottom:-161px;width:243px;height:238px;margin-left:-106px;background-image:url(../images/bg_complete_payment.png);background-repeat:no-repeat;background-position:0 0;background-size:243px 238px;color:transparent;}
.pcs-ct .btn-complete .bg-bc{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/bg_complete_blue.png);background-repeat:no-repeat;background-position:0 0;background-size:243px 238px;opacity:0;-webkit-transition:opacity 1s ease-in;transition:opacity 1s ease-in;}
.pcs-ct .btn-complete .bg-bc-on{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/bg_complete_blue.png);background-repeat:no-repeat;background-position:0 0;background-size:243px 238px;opacity:1;-webkit-transition:opacity 1s ease-in;transition:opacity 1s ease-in;}
.pcs-account .btn-complete .bg-bc,
.pcs-account .btn-complete .bg-bc-on{background-image:url(../images/bg_complete_red.png);}
.pcs-account .icon-complete{background-image:url(../images/icon_complete_account.png);}
.pcs-setting .btn-complete .bg-bc,
.pcs-setting .btn-complete .bg-bc-on{background-image:url(../images/bg_complete_red.png);}
.pcs-setting .icon-complete{background-image:url(../images/icon_complete_setting.png);}
.pcs-business .btn-complete .bg-bc,
.pcs-business .btn-complete .bg-bc-on{background-image:url(../images/bg_complete_red.png);}
.pcs-business .icon-complete{background-image:url(../images/icon_complete_business.png);}
.pcs-charge .btn-complete .bg-bc,
.pcs-charge .btn-complete .bg-bc-on{background-image:url(../images/bg_complete_red.png);}
.pcs-charge .icon-complete{background-image:url(../images/icon_complete_charge.png);}
.pcs-bill .icon-complete{background-image:url(../images/icon_complete_bill.png);}
.pcs-nbbang .btn-complete .bg-bc,
.pcs-nbbang .btn-complete .bg-bc-on{background-image:url(../images/bg_complete_yellow.png);}
.pcs-nbbang .icon-complete{background-image:url(../images/icon_complete_nbbang.png);}
.pcs-remittance .btn-complete .bg-bc,
.pcs-remittance .btn-complete .bg-bc-on{background-image:url(../images/bg_complete_red.png);}
.pcs-remittance .icon-complete{background-image:url(../images/icon_complete_remittance.png);}
.pcs-bpayment .icon-complete{background-image:url(../images/icon_complete_bpayment.png);}/* 20170113 */
.pcs-complete h1{padding-top:80px;}
.pcs-complete h2{padding-top:80px;}

/* 등록(계좌, 카드) */
.register-section{padding:47px 0 20px;text-align:center;}
.register-section p{padding-top:17px;font-size:13px;font-weight:400;color:#85868f;}

/* banner */
/*.ban-ad-section{position:absolute;left:0;bottom:65px;width:100%;}*/
.ban-ad-section img{width:100%;}

/* 약관동의 */
.agree-section .menu-list{margin-bottom:15px;border-top:1px solid #e6e6e6;}

/* 약관 */
.terms-ct{overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;height:100%;padding:0 15px 20px;-webkit-overflow-scrolling:touch;}
.terms-section{padding-top:25px;}
.terms-ct .terms-section-btitle{margin-bottom:20px;font-size:15px;font-weight:400;}/* 2021-05-18 */
.terms-ct .terms-section-title{font-size:13px;font-weight:400;}
.terms-ct p,
.terms-ct li{padding-top:20px;font-size:13px;font-weight:400;line-height:20px;}
.terms-section p{padding-top:10px;}
.terms-section ol>li{padding-top:10px;}
.terms-section>ul>li,
.terms-section ol>li>ul>li{list-style:disc;padding-top:5px;margin-left:15px;}
.terms-section ul>li li,
.terms-section li p{padding-top:5px;margin-left:10px;}
.pop-full-cont .terms-ct{padding:0;}

/* 회원가입 하단 절차 리스트 */
.join-step-list:after{content:"";display:block;clear:both;}
.join-step-list li{float:left;position:relative;width:33.3%;padding:39px 0 10px;background:#4a4d5d;font-size:10px;font-weight:400;color:#fff;line-height:16px;text-align:center;}
.join-step-list li:last-child{width:33.4%;}
.join-step-list li:before{content:"";display:block;position:absolute;left:50%;top:14px;width:25px;height:25px;margin-left:-12px;background:url(../images/icon_joinstep.png) no-repeat;background-size:75px 50px;}
.join-step-list li:nth-child(1):before{background-position:0 0;}
.join-step-list li:nth-child(2):before{background-position:-25px 0;}
.join-step-list li:nth-child(3):before{background-position:-50px 0;}
.join-step-list li:after{content:"";display:block;position:absolute;left:0;top:0;width:1px;height:100%;background:#515362;}
.join-step-list li:first-child:after{display:none;}
.join-step-list .on{background:#ef3c42;}
.join-step-list .on:after{display:none;}
.join-step-list .on + li:after{display:none;}
.join-step-list .on:nth-child(1):before{background-position:0 -25px;}
.join-step-list .on:nth-child(2):before{background-position:-25px -25px;}
.join-step-list .on:nth-child(3):before{background-position:-50px -25px;}

/* 이용해지 */
.revocation-terms-section .title-section-16{text-align:center;}
.revocation-terms-section .paragraph-13{padding-top:15px;font-weight:400;}
.revocation-terms-section button,
.revocation-terms-section .btn-general{margin-top:5px;margin-left:1px;}
.rts-list{margin-top:15px;}/* 20170113 */
.rts-list li{margin:0 0 5px;padding-left:14px;font-size:13px;color:inherit;font-weight:400;background-image:url(../../resource/images/bul_circle.png);background-repeat:no-repeat;background-position:0 4px;}/* 20170113 */

/* 현금영수증 발행 */
.chshreceipts-notice{position:relative;float:left;width:60%;}
.chshreceipts-notice span{display:inline-block;padding-left:15px;margin-right:10px;font-size:13px;font-weight:400;color:#4a4d5d;line-height:19px;vertical-align:middle;}
.chshreceipts-notice .bul{position:relative;padding-left:6px;}
.chshreceipts-notice .bul:after{content:"";display:block;position:absolute;left:0;top:50%;width:2px;height:2px;margin-top:-1px;background:#4a4d5d;}

/* 청구서 메세지 */
.bill-message-seciton{padding:14px 15px;border-top:1px solid #d6d6d6;}
.bill-message-seciton .bill-message-sender{font-size:13px;font-weight:400;}
.bill-message-seciton p{padding-top:5px;font-size:13px;font-weight:400;line-height:18px;}

/* 달력 */
.date-box{display:inline-block;position:relative;height:34px;border:1px solid #a9aab0;border-radius:2px;background:#f5f5f5;}
.date-box a{display:block;box-sizing:border-box;width:100%;height:34px;padding:0 10px;}
.date-box .date-text{display:inline-block;font-size:16px;font-weight:400;color:#4a4d5d;line-height:34px;vertical-align:middle;}
.date-box .date-notice{display:inline-block;font-size:13px;font-weight:400;color:#85868f;line-height:34px;vertical-align:middle;}
.date-box .icon-date-start,
.date-box .icon-date-end{position:absolute;right:10px;top:10px;}
.period-section{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:5px;}
.period-section .date-box{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.period-section .mark{display:block;-webkit-box-flex:initial;-webkit-flex:initial;flex:initial;width:16px;font-size:16px;font-weight:400;color:#c6c6c6;line-height:34px;text-align:center;vertical-align:middle;}
.db-full-style{box-sizing:border-box;width:100%;margin-top:10px;}
.date-box .btn-clear-text{position:absolute;right:35px;top:9px;}

/* 조회 */
.list-search-section .btn-search{margin-top:5px;}
.list-search-section .btn-searchzone-toggle{position:absolute;left:50%;bottom:-13px;margin-left:-20px;}
.list-search-section .select-multi2-section{margin-top:5px;}
.search-off .btn-flex-section,
.search-off .btn-search,
.search-off .select-multi2-section{display:none;}

/* 스크롤 리스트 */
.scroll-list-section{overflow-x:hidden;overflow-y:auto;}
.scroll-list-section .statement-section{padding-top:20px;}
/* 내역서 레이아웃 및 컨텐츠 */
.statement-section{padding:10px 10px 90px;}
.page-header-notbg + .statement-section{padding-top:0;}
.statement-section .low-round-style{margin:0;}
.statement-section>button{margin-top:10px;}
.statement-wide-section{padding-bottom:90px;}
.statement-info{padding:12px 15px 7px;}
.statement-info:after{content:"";display:block;clear:both;}
.statement-info dt{float:left;width:50%;padding-top:7px;font-size:13px;font-weight:400;}
.statement-info dd{float:right;width:50%;font-size:13px;font-weight:400;text-align:right;}
.statement-info dd strong{font-size:21px;font-weight:300;}
/* n빵 승인 완료 정보 */
.result-info-section{padding-top:5px;}
.result-info-section:after{content:"";display:block;clear:both;}
.result-info-section .ris-left{float:left;width:50%;}
.result-info-section .ris-right{float:right;width:50%;text-align:right;}
.result-info-section .ris-txt{display:block;font-size:11px;font-weight:400;color:#fff;}
.result-info-section .ris-info{display:block;font-size:16px;font-weight:400;color:#fff;line-height:30px;}
.result-info-section .ris-num{display:block;font-size:13px;font-weight:400;color:#fff;line-height:30px;}
.result-info-section .ris-num strong{font-size:25px;font-weight:300;}
.result-info-section .ris-right .ris-txt,
.result-info-section .ris-right .ris-num{color:#fdb714;}

/* 항목/금액 입력 */
.bill-add-section .inputbox-blocklabel{margin-bottom:0;}
.bill-add-section .charge-section{padding-top:5px;}
.bill-add-section .charge-money-box{margin-top:0;}
.bill-add-section .btn-full50{margin-top:10px;}
.date-chk-section .title-section{margin-bottom:0;}
.date-chk-section .date-box{margin-top:7px;}
.date-chk-section .chkbox{margin-top:10px;}

/* content
========================================================================== */

/* 메인 n빵 청구서 */
.main-nbbang-ct .bothside-list{margin-top:3px;}
.main-nbbang-ct .btn-hybrid-section{margin-top:10px;}

/* 메인 청구서 */
.main-bill-ct .bill-bizinfo-list{padding-top:10px;}
.main-bill-ct .bill-info-section{margin-top:10px;}
.main-bill-ct .row-notice-red{margin-top:6px;}
.main-bill-ct .btn-hybrid-section{margin-top:10px;}

/* 메인 checkpay 영수증 */
.main-cpbill-ct .bill-bizinfo-list{padding-top:10px;}
.main-cpbill-ct .bill-info-section{margin-top:10px;}
.main-cpbill-ct .all-sum{margin-top:12px;}

/* 03_설정_계좌등록관리_1 계좌번호 등록 */
.register-account-num-ct .mybank-img-box{margin-bottom:10px;}

/* 고객센터 */
.service-info-section{padding:0 25px 25px;margin-top:25px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff url(../images/bg_servicecenter.png) no-repeat 50% 25px;background-size:50px 49px;}
.service-info-section strong{display:block;padding-top:83px;font-size:20px;font-weight:700;line-height:30px;text-align:center;}
.service-info-section span{display:block;font-size:11px;font-weight:400;color:#85868f;text-align:center;}
.service-info-section .btn-flex-section{margin-top:20px;}

/* 청구서 작성 */
.bill-wrap .header{border-color:#199be5;background:#199be5;}
.bill-wrap .header h1{color:#fff;}
.bill-wrap .header .btn-history-back{background-image:url(../images/btn_back_white.png);}
.bill-wrap .page-header{background:#1aa3f0;}
.bill-wrap .page-header h2,
.bill-wrap .page-header .info-page{color:#fff;}
.bill-wrap .overlap25-style:before,
.bill-wrap .overlap45-style:before{background:#1aa3f0;}
.bill-wrap .btn-quick-write{position:fixed;right:8px;bottom:10px;}
.bill-wrap .charge-money-box{border-color:#1aa3f0;}
.bill-wrap .cmb-notice,
.bill-wrap .cmb-won,
.bill-wrap .charge-money-box input,
.bill-wrap .charge-money-box input::-webkit-input-placeholder{color:#1aa3f0;}
.bill-wrap .charge-money-box .btn-clear-text{background-image:url(../images/btn_clear_text_blue.png);}

/* n 빵 */
.nbbang-wrap .header{border-color:#f1ad13;background:#f1ad13;}
.nbbang-wrap .header h1{color:#fff;}
.nbbang-wrap .header .btn-history-back{background-image:url(../images/btn_back_white.png);}
.nbbang-wrap .page-header{background:#fdb714;}
.nbbang-wrap .page-header h2,
.nbbang-wrap .page-header .info-page{color:#fff;}
.nbbang-wrap .overlap25-style:before,
.nbbang-wrap .overlap45-style:before{background:#fdb714;}
.nbbang-wrap .btn-quick-write{position:fixed;right:8px;bottom:10px;z-index:10;}
.nbbang-wrap .charge-money-box{border-color:#fdb714;}
.nbbang-wrap .cmb-notice,
.nbbang-wrap .cmb-won,
.nbbang-wrap .charge-money-box input,
.nbbang-wrap .charge-money-box input::-webkit-input-placeholder{color:#fdb714;}

/* 송금 */
.remi-wrap .header{border-color:#da373a;background:#da373a;}
.remi-wrap .header h1{color:#fff;}
.remi-wrap .header .btn-history-back{background-image:url(../images/btn_back_white.png);}
.remi-wrap .header .btn-out-page{background-image:url(../images/btn_out_page_white.png);}/* 20190208 추가 */
.remi-wrap .page-header{background:#f23d40;}
.remi-wrap .page-header h2,
.remi-wrap .page-header .info-page{color:#fff;}
.remi-wrap .overlap25-style:before,
.remi-wrap .overlap45-style:before{background:#f23d40;}
.remi-wrap .btn-quick-write{position:fixed;right:8px;bottom:10px;z-index:10;}
.remi-wrap .charge-money-box{border-color:#f23d40;}
.remi-wrap .cmb-notice,
.remi-wrap .cmb-won,
.remi-wrap .charge-money-box input,
.remi-wrap .charge-money-box input::-webkit-input-placeholder{color:#f23d40;}

/* 거래내역 */
.transaction-wrap .header{border-color:#8859d7;background:#8859d7;}
.transaction-wrap .header h1{color:#fff;}
.transaction-wrap .header .btn-history-back{background-image:url(../images/btn_back_white.png);}
.transaction-wrap .page-header{background:#9972db;}
.transaction-wrap .page-header h2,
.transaction-wrap .page-header .info-page{color:#fff;}
.transaction-wrap .overlap25-style:before,
.transaction-wrap .overlap45-style:before{background:#9972db;}
.transaction-wrap .btn-quick-write{position:fixed;right:8px;bottom:10px;z-index:10;}
.transaction-wrap .charge-money-box{border-color:#9972db;}
.transaction-wrap .cmb-notice,
.transaction-wrap .cmb-won,
.transaction-wrap .charge-money-box input,
.transaction-wrap .charge-money-box input::-webkit-input-placeholder{color:#9972db;}

/* (거래내역)20170113 */
.corp-wrap .header{border-color:#199be6;background:#199be6;}
.corp-wrap .header h1{color:#fff;}
.corp-wrap .header .btn-history-back{background-image:url(../images/btn_back_white.png);}
.corp-wrap .page-header{background:#9972db;}
.corp-wrap .page-header h2,
.corp-wrap .page-header .info-page{color:#fff;}
.corp-wrap .overlap25-style:before,
.corp-wrap .overlap45-style:before{background:#9972db;}
.corp-wrap .btn-quick-write{position:fixed;right:8px;bottom:10px;z-index:10;}
.corp-wrap .charge-money-box{border-color:#9972db;}
.corp-wrap .cmb-notice,
.corp-wrap .cmb-won,
.corp-wrap .charge-money-box input,
.corp-wrap .charge-money-box input::-webkit-input-placeholder{color:#9972db;}
/* //(거래내역)20170113 */

/* (청구서 결제)20170214 */
.paymentbill-wrap .header{border-color:#354e95;background:#354e95;}
.paymentbill-wrap .header h1{color:#fff;}
.paymentbill-wrap .header .btn-history-back{background-image:url(../images/btn_back_white.png);}
.paymentbill-wrap .page-header{background:#9972db;}
.paymentbill-wrap .page-header h2,
.paymentbill-wrap .page-header .info-page{color:#fff;}
.paymentbill-wrap .overlap25-style:before,
.paymentbill-wrap .overlap45-style:before{background:#9972db;}
.paymentbill-wrap .btn-quick-write{position:fixed;right:8px;bottom:10px;z-index:10;}
.paymentbill-wrap .charge-money-box{border-color:#9972db;}
.paymentbill-wrap .cmb-notice,
.paymentbill-wrap .cmb-won,
.paymentbill-wrap .charge-money-box input,
.paymentbill-wrap .charge-money-box input::-webkit-input-placeholder{color:#9972db;}
/* //(청구서 결제)20170214 */

/* error */
.error-wrap .header{border-color:#1aa3f0;background:#1aa3f0;}
.error-wrap .header h1{color:#fff;}
.error-section{padding-top:45%;text-align:center;}
.error-section .icon-page-error{display:inline-block;overflow:hidden;width:68px;height:55px;background:url(../images/icon_page_error.png) no-repeat 50% 24%;background-size:68px 55px;color:transparent;}
.error-section p{padding-top:25px;line-height:19px;}
.error-section a{margin-top:20px;}

/* pop
========================================================================== */
/*#popup_area{position:fixed;left:0;top:0;width:100%;height:100%;z-index:20;}*/
.pop-wrap{position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;z-index:1000;}
.pop-wrap:before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;}
.pop{position:fixed;left:0;top:50%;width:100%;}
.pop-form{top:40px;margin-top:0;}
.pop-container{margin:0 5px;}
.pop-ct{position:relative;padding:25px;border-radius:5px 5px 0 0;background:#fff;}
.pop-nbottom-style{padding-bottom:0;}
.pop-title{padding-bottom:8px;font-size:16px;font-weight:400;color:#1aa3f0;text-align:center;}
.pop-paragraph{font-size:13px;font-weight:400;line-height:17px;text-align:center;word-break:keep-all;}
.pop-paragraph-16{font-size:16px;font-weight:400;line-height:22px;text-align:center;word-break:keep-all;}
.pop-bottom-notice{position:absolute;left:0;bottom:0;width:100%;padding:5px 0;color:#f23d40;text-align:center;}
.pop-statement{text-align:center;}
.pop-statement dt,
.pop-statement dd{display:inline-block;font-size:13px;font-weight:400;}
.pop-paragraph-point{font-weight:inherit;color:#1aa3f0;}
.btn-pop{display:block;height:45px;font-size:13px;font-weight:400;color:#fff;line-height:45px;text-align:center;vertical-align:middle;}
.pop-btn-section .btn-pop{border-radius:0 0 5px 5px;}
.pbs-multi-2:after{content:"";display:block;clear:both;}
.pbs-multi-2 .btn-pop{float:left;box-sizing:border-box;width:50%;}
.pbs-multi-2 .btn-pop:first-child{border-radius:0 0 0 5px;}
.pbs-multi-2 .btn-pop:last-child{border-radius:0 0 5px 0;}
.btn-pop-dark{background:#3f424f;}
.btn-pop-gray{background:#4a4d5d;}
.btn-close-pop{display:block;overflow:hidden;width:14px;height:14px;background:url(../images/btn_close_pop.png) no-repeat 0 0;background-size:14px 14px;color:transparent;}
.pop-alert .pop-container{margin:0 25px;}
.pop-alert .pop-ct{border-radius:0;}
.pop-alert .pop-paragraph{text-align:left;}
.pop-alert .btn-pop{border-radius:0;}
.pop-error .pop-ct{padding-left:50px;}
.pop-error .pop-ct:after{content:"";display:block;position:absolute;left:25px;top:18px;width:33px;height:33px;margin-left:-17px;background:url(../images/icon_error.png) no-repeat 0 0;background-size:33px 33px;}
.pop-full-container{box-sizing:border-box;width:100%;height:100%;padding:5px;}
.pop-full-inner{position:relative;width:100%;height:100%;border-radius:5px;background:#fff;}
.pop-full-header h1{padding:12px 0;line-height:21px;border-bottom:1px solid #e6e6e6;}
.pop-full-cont{position:absolute;left:0;top:0;height:100%;}
.pop-full-cont .pop-scroll-section{box-sizing:border-box;height:100%;padding:46px 20px 55px;}
.pop-full-inner .pop-fixed-btn{position:absolute;width:100%;left:0;bottom:-1px;}
.pop-full-container .btn-close-pop{position:absolute;right:15px;top:15px;}

/* (add)20170519 */
.pop-full-container.atm-find{box-sizing:border-box;width:100%;height:100%;padding:0;}
.pop-full-container.atm-find .pop-full-inner{position:relative;width:100%;height:100%;border-radius:0;background-color:transparent !important;}
.pop-full-container.atm-find .pop-full-inner .pop-full-header h1{padding:12px 0;line-height:21px;border-bottom:none !important;}
.pop-full-container.atm-find .pop-full-inner .pop-full-header h1.pop-title{padding-bottom:8px;font-size:16px;font-weight:700;color:#fff !important;text-align:center;}
.pop-full-container.atm-find .btn-close-pop{position:absolute;right:17px;top:12px;}
.btn-close-pop.atm-find{display:block;overflow:hidden;width:17px;height:17px;background-image:url(../images/btn_out_page_white.png);background-repeat:no-repeat;background-position:0 0;background-size:17px 17px;color:transparent;}
.pop-full-container.atm-find .pop-full-inner .pop-full-cont{position:absolute;top:0;right:0;left:0;height:100%;}
.pop-full-container.atm-find .pop-full-inner .pop-full-cont .atm-map-text{position:absolute;top:65px;right:0;left:0;line-height:24px;font-size:15px;color:#fff;text-align:center;}
.pop-full-container.atm-find .pop-full-inner .pop-full-cont .pop-atm-section{box-sizing:border-box;height:100%;padding:98px 0 0 0;}
.atm-map-ct{overflow:hidden;box-sizing:border-box;width:100%;height:100%;padding:0 15px 15px 15px;-webkit-overflow-scrolling:touch;}

/* 20180821-1 - ATM찾기 상단팝업 백그라운드 */
.pop-full-container.atm-find .pop-full-inner .pop-full-header2 h1{padding:12px 0;line-height:21px;border-bottom:none !important;}
.pop-full-container.atm-find .pop-full-inner .pop-full-header2 h1.pop-title{padding-bottom:8px;font-size:16px;font-weight:700;color:#fff !important;text-align:center;}
/* //(add)20170519 */

/* 달력 pop */
.calendar-pop{overflow:hidden;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;z-index:20;}
.calendar-pop:before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;}
.calendar-pop-inner{position:relative;padding-bottom:20px;background:#363636;}
.calendar-pop-inner:before{content:"";display:block;position:absolute;left:0;bottom:-14px;width:150%;height:36px;background:#363636;-webkit-transform:rotate(-3deg)translateX(-10%);transform:rotate(-3deg)translateX(-10%);-webkit-transform-origin:center top;transform-origin:center top;}
.calendar-header{position:relative;padding:0 25px;}
.calendar-header h1{padding:13px 0;font-size:20px;font-weight:400;color:#fff;line-height:35px;text-align:center;}
.calendar-header button{display:block;overflow:hidden;position:absolute;top:13px;width:35px;height:35px;background:url(../images/btn_controls_calendar.png) no-repeat;background-size:70px 35px;color:transparent;}
.calendar-header .btn-cal-prev{left:25px;background-position:0 0;}
.calendar-header .btn-cal-next{right:25px;background-position:-35px 0;}
.calendar{padding:0 25px;}
.calendar .calendar-table{width:100%;}
.calendar-table th{padding:10px 0;border-bottom:1px solid #4a4a4a;font-size:13px;font-weight:400;color:#fff;text-align:center;}
.calendar-table td{font-size:11px;font-weight:400;text-align:center;}
.calendar-table td button{display:block;position:relative;width:100%;height:100%;border-radius:50px;font-size:inherit;font-weight:inherit;color:#fff;}
.calendar-table td button:focus{outline:none;}
.calendar-table tr td:first-child,
.calendar-table tr td:first-child button{color:#f23d40;}
.calendar-table tr td:last-child,
.calendar-table tr td:last-child button{color:#1aa3f0;}
.calendar-table .today-date button{background:#535353;}
.calendar-table .select-date button:after{content:"";display:block;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #fff;border-radius:55px;}
.calendar-table .other-month-date,
.calendar-table .other-month-date button{color:#85868f;}
.calendar-table td:first-child.other-month-date,
.calendar-table td:last-child.other-month-date,
.calendar-table td:first-child.other-month-date button,
.calendar-table td:last-child.other-month-date button{color:#85868f;}
.calendar-pop .btn-close-calendar{position:absolute;right:11px;bottom:-32px;}

/* 금융사 팝업 */
.bankstock-list-pop{overflow:hidden;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;z-index:20;}
.bankstock-list-pop:before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;}
.blp-container{box-sizing:border-box;width:100%;height:100%;padding:5px;}
.blp-inner{position:relative;width:100%;height:100%;border-radius:5px;background:#fff;}
.blp-header h1{padding:12px 0;line-height:21px;}
.blp-tabcont{border-top:1px solid #e6e6e6;}
.blp-tab{position:relative;z-index:1;}
.blp-tab:after{content:"";display:block;clear:both;}
.blp-tab li{float:left;box-sizing:border-box;width:50%;height:42px;border-bottom:1px solid #e6e6e6;background:#f5f5f5;}
.blp-tab li:first-child{border-right:1px solid #e6e6e6;}
.blp-tab li:last-child{border-left:1px solid #e6e6e6;}
.blp-tab button{display:block;width:100%;height:100%;font-size:13px;font-weight:400;color:#4a4d5d;text-align:center;}
.blp-tab .on{border-bottom:none;background:#fff;}
.blp-tab .on:first-child{border-right:none;}
.blp-tab .on:last-child{border-left:none;}
.blp-cont-wrap{position:absolute;left:0;top:0;height:100%;}
.blp-cont-wrap .blp-cont{display:none;box-sizing:border-box;height:100%;padding:107px 20px 20px;}
.blp-cont-wrap .blp-cont:first-child{display:block;}
.blp-cont-wrap .blp-cont .bank-list{overflow-x:hidden;overflow-y:auto;height:100%;padding:0;}
.bankstock-list-pop .btn-close-pop{position:absolute;right:15px;top:15px;}

.blp-cont-wrap.type2{position:absolute;left:0;top:0;bottom:30px;width:100%;height:auto !important;}/* (추가)20160919 */
.blp-cont-wrap.type2 .blp-cont{display:none;box-sizing:border-box;height:100%;padding:40px 20px 20px;}/* (추가)20160919 */
.blp-cont-wrap.type2 .blp-cont:first-child{display:block;}/* (추가)20160919 */
.blp-cont-wrap.type2 .blp-cont .bank-list{overflow-x:hidden;overflow-y:auto;height:100%;padding:0;}/* (추가)20160919 */

/* intro */
.intro-wrap{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;}
.intro-section{width:100%;height:100%;}
.intro-swipe{ overflow:hidden;visibility:hidden;position:relative;height:100%;}
.swipe-wrap{overflow:hidden;position:relative;height:100%;}
.swipe-wrap > div{float:left;width:100%;height:100%;position:relative;}
.intro-swipe-cont{background:no-repeat 0 0;background-size:100% 100%;}
.isc-1{background-image:url(../images/bg_info1.jpg);}
.isc-2{background-image:url(../images/bg_info2.jpg);}
.isc-3{background-image:url(../images/bg_info3.jpg);}
.isc-4{background-image:url(../images/bg_info4.jpg);}
.isc-5{background-image:url(../images/bg_info5.jpg);}
.isc-6{background-image:url(../images/bg_info6.jpg);}
.isc-7{background-image:url(../images/bg_info7.jpg);}
.isc-7{background-image:url(../images/bg_info7.jpg);}
.intro-swipe-cont p{position:absolute;left:0;top:33px;width:100%;font-size:16px;color:#fff;text-align:center;}
.under{position:absolute;left:0;bottom:90px;display:block;width:100%;text-align:center;}
.under span{display:inline-block;border-bottom:1px solid #fff;font-size:12px;color:#fff;}
.isc-7 p{top:60px;}
.isc-img{overflow:hidden;position:absolute;left:0;bottom:0;box-sizing:border-box;width:100%;height:100%;padding:110px 0 30px;text-align:center;}
.isc-img img{height:100%;}
.intro-controls button{display:block;overflow:hidden;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;background:url(../images/btn_info_controls.png) no-repeat;background-size:80px 40px;color:transparent;}
.intro-controls .ic-prev{left:10px;background-position:0 0;}
.intro-controls .ic-next{right:10px;background-position:-40px 0;}
.intro-pager{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;left:0;bottom:60px;width:100%;}
.intro-pager a{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;height:2px;font-size:0;color:transparent;background-color:rgba(255,251,251,0.2);}/* (modify)20170116 */
.intro-pager .on{background-color:rgba(253,183,20,1);}/* (modify)20170116 */
.btn-start{display:block;position:absolute;left:0;bottom:0;width:100%;height:60px;text-align:center;}
.btn-start:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;}
.btn-start span{display:inline-block;position:relative;font-size:14px;font-weight:400;color:#fff;line-height:60px;vertical-align:middle;}
.set-info .intro-swipe-cont p{top:45px;}
.set-info .intro-swipe-cont .isc-img{padding:120px 0 20px;}
.set-info .intro-controls button{margin-top:-10px;}
.set-info .isc-7 .under{bottom:80px;}
.set-info .isc-7 .under span{font-size:16px;}

/* (portal)20170113 */
.portal-wrap{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;}
.portal-section{width:100%;height:100%;}
.portal-section{overflow:hidden;position:relative;}
.portal-section{background-image:url(..//images/bg_portal.jpg);background-repeat:no-repeat 0 0;background-size:100% 100%;}
.portal-section p{position:absolute;left:0;top:40%;width:100%;font-size:16px;color:#fff;text-align:center;}
.portal-under{display:block;position:absolute;left:0;bottom:0;width:100%;height:195px;text-align:center;}
.portal-under:before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:195px;background:#fff;opacity:0.8;}
.btn-portal-controls{position:absolute;left:0;right:0;bottom:0;width:100%;height:195px;background-image:url(../images/btn_gate_controls.png);background-repeat:no-repeat;background-position:50% 0;background-size:320px 195px;color:transparent;opacity:1;}
.btn-portal-controls-inner{position:relative;width:320px;height:195px;margin:0 auto;text-align:center;}
.btn-portal-pstart,
.btn-portal-cstart{position:absolute;top:0;width:145px;height:130px;color:transparent;}
.btn-portal-pstart{left:15px;}
.btn-portal-cstart{right:15px;}
/* //(portal)20170113 */

/* 20160325 추가 */
.approve-number-section .approve-number-form2{margin-top:8px;}
.approve-number-form2{font-size:0;}
.approve-number-form2 input[type="num"],
.approve-number-form2 span{display:inline-block;box-sizing:border-box;width:17.5%;height:50px;margin-right:2%;border:1px solid #4a4d5d;border-radius:0;font-size:25px;font-weight:400;color:#4a4d5d;line-height:48px;text-align:center;vertical-align:middle;-webkit-appearance:none;}
.approve-number-form2 span{width:10%;border:none;}
.approve-number-form2 span:first-child{font-size:14px;text-align:left;}
.approve-number-form2 input[type="num"]:last-child{margin-right:0;}
.approve-number-section .txt{position:relative;font-size:13px;color:#4a4d5d;}
.approve-number-section .txt > span:first-child{display:inline-block;margin-left:12%;text-align:left;}
.approve-number-section .txt > span:last-child{display:inline-block;position:absolute;top:0;right:0;width:19%;text-align:center;}
.kb_bankapp{position:relative;margin-top:25px;padding-top:25px;padding-left:25px;font-size:13px;color:#4a4d5d;border-top:1px solid #e6e6e6;}
.kb_bankapp a{position:absolute;top:15px;right:25px;}

.approve-number-form2 .num{display:inline-block;box-sizing:border-box;width:20%;height:50px;margin-right:2%;border:1px solid #4a4d5d;border-radius:0;font-size:25px;font-weight:400;color:#4a4d5d;line-height:48px;text-align:center;vertical-align:middle;-webkit-appearance:none;}
.approve-number-form2 .num:last-child{margin-right:0;}
/* //20160325 추가 */

/* 2022-04-06 고도화 수정 - 전 계좌 조회(구화면) */
.btn_plus_bx{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.btn_plus_bx > a{display:inline-block;line-height:28px;padding:0 10px;font-size:11px;color:#fff;background-color:#4a4d5d;border-radius:2px;float:right;}
/* 계좌목록 */
.bank_list_wrap{margin-top:24px;}
.bank_list_wrap li{position:relative;overflow:hidden;margin-bottom:10px;padding-top:8px;padding-left:38px;min-height:58px;text-align:left;border:1px solid #e6e6e6;background-color:#fff;}
.bank_list_wrap li .bnk_img{margin-bottom:4px;}
.bank_list_wrap li .bnk_img img{height:25px;}
.bank_list_wrap li p{font-size:16px;}
.bank_list_wrap li.on{margin-bottom:8px;border:2px solid #f8871f;}
.radio-31-label2 {position:absolute;top:5px;left:10px;display:inline-block;font-size:0;}
.radio-31-label2 input[type="radio"]{display:inline-block;width:31px;height:31px;border:1px solid #d6d6d6;border-radius:50px;background:#fff;-webkit-appearance:none;}
.radio-31-label2 label{display:inline-block;margin-left:7px;padding-top:23px;font-size:16px;line-height:31px;vertical-align:middle;}
.radio-31-label2 label:after{content:"";display:block;position:absolute;left:8px;top:20px;width:15px;height:15px;font-weight:400;border-radius:50px;background:#4a4d5d;opacity:0;}
.radio-31-label2 input[type="radio"]:checked + label:after{opacity:1;}
/* //2022-04-06 고도화 수정 - 전 계좌 조회(구화면) */

/* 2021-08-23 */
.radio-20-label2 {position:absolute;top:5px;left:10px;display:inline-block;font-size:0;}
.radio-20-label2 input[type="radio"]{display:inline-block;width:20px;height:20px;border:1px solid #d6d6d6;border-radius:50px;background:#fff;-webkit-appearance:none;}
.radio-20-label2 label{display:inline-block;margin-left:7px;padding-top:23px;font-size:16px;line-height:31px;vertical-align:middle;}
.radio-20-label2 label:after{content:"";display:block;position:absolute;left:5px;top:22px;width:10px;height:10px;font-weight:400;border-radius:50px;background:#4a4d5d;opacity:0;}
.radio-20-label2 input[type="radio"]:checked + label:after{opacity:1;}
/* 2021-08-23 */

/* 하단고정버튼영역 */
.fix_btn_wrap{opacity:0.9;z-index:10;position:fixed;bottom:0;left:0;width:100%;height:60px;text-align:center;background-color:#383838;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flex;display:flex;}
.fix_btn_wrap a:not(.zcxv){display:inline-block;line-height:60px;font-size:15px;color:#fff;font-family:'NanumSquareB';-webkit-box-flex:1;-ms-box-flex:1;box-flex:1;flex:1;width:100%;}/* 2022-10-06 웹폰트 굵기 수정 */
:root .fix_btn_wrap a:not(.zcxv){ display:inline-block\9;width:auto\9;}
.fix_btn_wrap a:first-child{background-color:#404040;}

/* (계좌선택)20170113 */
.myaccount-title{display:block;position:relative;margin:15px 0 0;padding:3px 0;font-size:13px;color:#4a4d5d;font-weight:400;line-height:28px;}
.myaccount-list{}
.myaccount-list li{position:relative;overflow:hidden;margin:0 0 8px;padding:0;padding-left:50px;min-height:61px;text-align:left;border:1px solid #e6e6e6;background-color:#fff;}
.myaccount-list li .myaccount-rmk{height:20px;margin-top:34px;font-size:11px;color:#85868f;}
.myaccount-list li.on{border:2px solid #354e95;}

.radio-25-label2{position:absolute;top:17px;left:10px;display:inline-block;font-size:0;}
.radio-25-label2 input[type="radio"]{display:inline-block;width:27px;height:27px;border:1px solid #d6d6d6;border-radius:27px;background:#fff;-webkit-appearance:none;}
.radio-25-label2 label{display:inline-block;margin:-7px 0 0 13px;padding:0;font-weight:400;font-size:14px;color:#85868f;line-height:25px;vertical-align:top;}
.radio-25-label2 label:after{content:"";display:block;position:absolute;left:7px;top:7px;width:13px;height:13px;font-weight:400;border-radius:13px;background:#4a4d5d;opacity:0;}
.radio-25-label2 input[type="radio"]:checked + label:after{opacity:1;}
/* //(계좌선택)20170113 */

/* 20160711 추가 (라디오) */
.radio-25-label_wrap{padding-top:10px;margin-bottom:10px;font-size:13px;font-weight:400;color:#4a4d5d;}
.radio-25-label_wrap > .radio-25-label > lable{vertical-align:top;display:inline-block;padding-top:5px;}
.bank_list_wrap.type2{height:100%;padding:0;overflow-x:hidden;overflow-y:auto;}/* (추가)20160919 */
.bank_list_wrap.type2 li.on{margin-bottom:8px;border:2px solid #f23d40;}/* (추가)20160919 */

/* 20160831 추가 */
.checknum_bx{position:relative;margin:0 auto 10px auto;width:260px;height:195px;background:url(../images/img_checknum.png) no-repeat;background-size:260px 195px;}
.checknum_bx strong{padding-top:66px;display:block;text-align:center;font-size:17px;color:#4a4d5d;}
.checknum_bx strong span{font-family:'NanumSquareB';font-size:17px;color:#4a4d5d;}/* 2022-10-06 웹폰트 굵기 수정 */

/*20161014*/
.myaccount-info-box.type2{margin-top:8px;}
.myaccount-info-box.type2:first-child{margin-top:0;}
.myaccount-info-box.type2{padding-left:33px;box-sizing:border-box;height:80px;/* 20170717 height:100px -> 80px 수정 */border:1px solid #e6e6e6;background:#fff;text-align:left;position:relative;}
.myaccount-info-box.type2:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.myaccount-info-box.type2 .myaccount-info{display:inline-block;vertical-align:middle;}
.myaccount-info-box.type2 .myaccount-info span{display:block;padding:4px 0 6px;font-size:16px;font-weight:400;}
.myaccount-info-box.type2 .myaccount-info img{width:auto;height:34px;}
.myaccount-info-box.type2 .myaccount-info img+span{margin-top:0;}
.myaccount-info-box.type2 .myaccount-info a.btn-fold{position:absolute;right:0;top:0;width:80px;height:98px;background-color:transparent;background-image:url(../images/btn_fold.png);background-repeat:no-repeat;background-position:50%;background-size:20px 20px;}

/* (결과)20210902 */
.pcs-cfm-comment{position:relative;width:100%;}
.pcs-cfm-comment h2{padding-top:233px;font-size:14px;font-weight:400;text-align:center; line-height:18px;word-break:keep-all;color:#888888;}/* 2022-04-06 고도화 */
.icon-i-complete{display:block;overflow:hidden;position:absolute;left:50%;top:160px;width:58px;height:58px;margin-left:-29px;background-image:url(../../resource/images/icon_i_complete.png);background-repeat:no-repeat;background-position:0 0;background-size:100%;color:transparent;}/* 2022-04-06 고도화 */
/* //(결과)20210902 */

.bg-grey {background-color: #f7f7f7;} /* 2021-08-23 *//**** 법인체크페이(허브앱) 20170303 ****/
/* 버튼(새로고침) 추가 */
a.btn_refresh{display:inline-block;width:22px;height:22px;vertical-align:middle;background:url(../../resource/images/icon_refresh_off.png) no-repeat;background-size:22px;}
a.btn_refresh.on{background-image:url(../../resource/images/icon_refresh_on.png);}
/* btn-white-border class="on"추가 */
.btn-white-border.on{color:#fff;border-color:#ffc409;background-color:#ffc409;}
/* radio 추가 */
.radio-28-label{position:relative;display:inline-block;font-size:0;}
.radio-28-label input[type="radio"]{display:inline-block;width:28px;height:28px;border:1px solid #d6d6d6;border-radius:50px;background:#fff;-webkit-appearance:none;}
.radio-28-label label{display:inline-block;margin-left:10px;font-size:13px;line-height:18px;vertical-align:middle;color:#85868f;}
.radio-28-label label:after{content:"";display:block;position:absolute;left:7px;top:11px;width:14px;height:14px;border-radius:50px;background:#4a4d5d;opacity:0;}
.radio-28-label input[type="radio"]:checked + label:after{opacity:1;}
/* layout */
.wrap.hubapp.pdb80{padding-bottom:80px;}
.fixed-bottom-section2{position:fixed;left:0;bottom:0;width:100%;font-size:0;z-index:3;}
/* .page-header-fix{z-index:10;position:fixed;top:45px;left:0;width:100%;border-bottom:1px solid #dadada;} 20170310 삭제 */

/* 체크머니-충전 */
.wrap.hubapp .myaccount-info-box{position:relative;}
.wrap.hubapp .myaccount-info{position:absolute;top:50%;left:15px;margin-top:-30px;text-align:left;}
.wrap.hubapp .myaccount-info span{margin-top:5px;}
.wrap.hubapp .myaccount-sum{position:absolute;top:50%;right:10px;margin-top:-12px;text-align:right;}
.wrap.hubapp .myaccount-sum .btn_refresh{vertical-align:middle;margin-left:4px;}
.wrap.hubapp .myaccount-sum .paragraph-gray-11{font-size:14px;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.wrap.hubapp .myaccount-sum strong{vertical-align:middle;font-size:14px;}
.wrap.hubapp .myaccount-sum strong span{font-size:12px;font-weight:normal;}/*CHECKPAY_20170315*/
/* 계좌관리 */
.wrap.hubapp .bank_list_wrap .on{border-color:#4a4d5d;}
/* 20170324 */
.wrap.hubapp .bank_list_wrap .acnt_link {display:block;padding-right:13px;line-height:68px;position:absolute;top:0;right:0;bottom:0;font-size:12px;color:#85868f;text-align:right;background:url(../../resource/images/icon_link_gray.png) no-repeat 95% center;background-size:6px 10px; margin-right: 7px;} /* 2021-08-23 */
/* //20170324 */
/* 계좌등록 */
.account-list{border-bottom:1px solid #dadada;background-color:#fff;}
.account-list li{position:relative;min-height:55px;border-bottom:1px solid #e6e6e6;}
.account-list li .account-info{position:relative;padding:10px 0 0 15px;}
.account-list li .account-sum{margin-top:-7px;position:absolute;top:50%;right:15px;text-align:right;color:#85868f;}

/* 거래내역조회 */
/* 20170310 수정 및 추가 */
.table-layout,
.table-layout body,
.table-layout .hubapp,
.table-layout .container,
.table-layout .content{height:100%;}
.table-layout .floating-back-header{position:fixed;top:0;left:0;}
.tb_lyt{display:table;width:100%;height:100%;}
.tb_lyt_row{display:table-row;}
.tb_lyt_td{display:table-cell;}
.tb_lyt_td.line1{padding-bottom:23px;}
.tb_lyt_td.line2{height:100%;}
.trans-tit-box{position:relative;/* margin-top:45px; */ /*CHECKPAY_20170313*/padding:18px 25px 15px 25px;border-bottom:1px solid #d0d0d0;background-color:#fff;box-shadow:0 3px 4px -1px #d0d0d0;}
.trans-tit-box .trans-info, .trans-tit-box .trans-sum{position:relative;margin-bottom:5px;height:24px;line-height:24px;font-size:15px;}
.trans-tit-box .trans-sum{margin-bottom:10px;}
.trans-tit-box .trans-info .right, .trans-tit-box .trans-sum .right{position:absolute;top:0;right:0;}
.trans-tit-box .trans-info strong{font-size:16px;}
.trans-tit-box .trans-sum strong{font-size:21px;}
.btn-searchzone-toggle2{display:block;overflow:hidden;margin-left:-30px;position:absolute;bottom:-21px;left:50%;width:60px;height:22px;/* 20170313 수정 */text-indent:-9999999px;background-size:60px 22px;/* 20170313 수정 */}
.btn-searchzone-toggle2.down{background-image:url(../images/btn-searchzone-toggle2_down.png);}
.btn-searchzone-toggle2.up{background-image:url(../images/btn-searchzone-toggle2_up.png);}
.trans-list-box{z-index:5;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;}/* 20170310_2 수정 */
.trans-list-box ul{position:relative;margin:0 12px 10px;border:1px solid #ebebeb;border-top:none;border-radius:3px;background-color:#fff;}
/* //20170310 수정 및 추가 */
/* 20170313 추가 */
.fixed-layout .tb_lyt,
.fixed-layout .tb_lyt_row,
.fixed-layout .tb_lyt_td{display:block;}
.fixed-layout .tb_lyt_td.line1{position:fixed;top:45px;left:0;right:0;z-index:19;/*CHECKPAY_20170313*/}
.fixed-layout .tb_lyt_td.line2{position:absolute;left:0;right:0;bottom:60px;height:auto;}
.fixed-layout .trans-tit-box{margin-top:0;}
.nonelist{position:absolute;top:320px;left:0;right:0;text-align:center;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
/* //20170313 추가 */
.trans-list-box ul li{padding:10px 15px 7px 15px;border-bottom:1px solid #ededed;}
.trans-list-tit, .trans-list, .trans-list-sum{position:relative;height:16px;line-height:16px;margin-bottom:3px;}
.trans-list-tit *, .trans-list *, .trans-list-sum *{font-size:13px;color:#333;}/* 20170315 수정 */
.trans-list{height:24px;line-height:24px;}
.trans-list > div:first-child{padding-top:2px;}
.trans-list-tit .right, .trans-list .right, .trans-list-sum .right{position:absolute;top:0;right:0;}
.trans-list-tit *{color:#666;}/* 20170315 수정 */
.trans-list-tit .date{margin-right:3px;color:#333;}/* 20170315 수정 */
.trans-list .right strong{font-size:19px;vertical-align:middle;margin-right:4px;}
.trans-list-sum .right strong{font-size:15px;vertical-align:middle;margin-right:4px;}
/* 출금 */
.trans-list.minus > div:first-child, .trans-list.minus .right strong{color:#ef3c41;}
/* 입금 */
.trans-list.plus > div:first-child, .trans-list.plus .right strong{color:#1aa3f0;}
/* //거래내역조회 */

/* 사업자정보등록 */
.row-bothpadding25-style > .notice-list{margin-top:0;padding-top:0;}
/* 공인인증센터 */
.register-menu-list.nicon li a{padding:10px 0 10px 15px;}
/* 등록계좌조회_pop */
.bankstock-list-pop.hubapp .bank_list_wrap .radio-31-label2 label{font-size:13px;}
.bankstock-list-pop.hubapp .bank_list_wrap .sum{position:absolute;top:50%;right:10px;margin-top:-12px;text-align:right;}
.bankstock-list-pop.hubapp .bank_list_wrap .sum span{margin-right:4px;color:#85868f;}
/* 거래내역조회_pop */
.pop-tcbtn-wrap{position:relative;}
.pop-tcbtn-wrap .btn-close-pop{position:absolute;top:15px;right:15px;}
.pop-tcbtn-wrap > .pop-ct{padding:45px 15px 30px 15px;}

/* 사업자등록증이미지업로드 20170310 추가 */
.chk-general.round{width:24px;height:24px;border-radius:50%;}
.register-menu-list li .icon-id:after{left:31px;top:21px;width:32px;height:34px;background-position:-150px 0 ;}

/* 해피머니 2017-03-28 */
.floating-back-header h1.title-img img{height:44px;}

.tbl-viewbx{}
.tbl-viewbx.mgt10{margin-top:10px;}
.tbl-viewbx table{width:100%;table-layout:fixed;}
.tbl-viewbx table th{padding:5px 0;font-size:15px;text-align:left;font-weight:normal;}/* 20180514 수정 */
.tbl-viewbx table td{padding:5px 0;font-size:15px;text-align:right;}/* 20180514 수정 */
.tbl-viewbx table td.won{padding-right:10px;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.tbl-viewbx table td .total{font-size:20px;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.tbl-viewbx table td .sds-white44-style .sds-default,
.tbl-viewbx table td .sds-white44-style .sds-list-wrap button{font-size:15px;}

.tbl-viewbx ul.tbl-viewbx-lst{}
.tbl-viewbx ul.tbl-viewbx-lst li{padding-top:12px;margin-top:6px;border-top:1px solid #dedfe2;}
.tbl-viewbx ul.tbl-viewbx-lst li:first-child{padding:0;margin:0;border:0;}

.round-style.noline{}
.round-style.noline{padding:15px;margin:10px 10px 0;border-right:0;border-left:0;border-radius:0;box-shadow:0 0 0 0 transparent;background:transparent;}
.round-style.noline .tbl-viewbx ul.tbl-viewbx-lst{}
.round-style.noline .tbl-viewbx ul.tbl-viewbx-lst li{border-top:1px solid transparent;}
.round-style.noline .tbl-viewbx ul.tbl-viewbx-lst li input{background-color:transparent;}

.round-style.rd-list-box{padding:0;}
.round-style.rd-list-box ul{}
.round-style.rd-list-box ul li{position:relative;padding:14px 30px 10px 17px;border-top:1px solid #ededed;}/* 20180703 수정 */
.round-style.rd-list-box ul li:first-child{border:0;}
.round-style.rd-list-box ul li .rd-list-top{position:relative;height:20px;line-height:20px;}
.round-style.rd-list-box ul li .rd-list-top *{font-size:15px;color:#4a4d5d;}
.round-style.rd-list-box ul li .rd-list-top .right{position:absolute;top:0;right:0;font-size:13px;color:#85868f;}
.round-style.rd-list-box ul li .rd-list-top .right strong{font-size:19px;color:#4a4d5d;font-weight:normal;}/* 20180514 수정 */
.round-style.rd-list-box ul li .rd-list-btm{position:relative;height:17px;line-height:17px;margin-top:4px;}/* 20180514 수정 */
.round-style.rd-list-box ul li .rd-list-btm *{font-size:12px;color:#c6c6c6;}/* 20180514 수정 */
.round-style.rd-list-box ul li .rd-list-btm .date{color:#85868f;}
.round-style.rd-list-box ul li .rd-list-btm .right{position:absolute;top:0;right:0;color:#85868f;}
.round-style.rd-list-box ul li .billcheck{width:30px;height:100%;z-index:300;position:absolute;top:0;right:0;bottom:0;}/* 20180703 추가 */

/* 2017-03-31 */
.inputbox-tbl{position:relative;padding-left:22%;}/* 20180514 수정 */
.inputbox-tbl label{display:inline-block;position:absolute;left:0;top:0;width:60px;height:24px;font-size:15px;font-weight:400;color:#85868f;line-height:24px;vertical-align:middle;}
.inputbox-tbl input{display:inline-block;box-sizing:border-box;width:23.5%;height:24px;border:none;font-size:21px;font-weight:400;color:#4a4d5d;line-height:24px;font-weight:700;}
.inputbox-tbl .in_no{display:inline-block;height:24px;font-size:18px;font-weight:400;color:#4a4d5d;line-height:24px;font-weight:700;}/* 20180829 수정 */
.inputbox-tbl.input_code input{width:100%;font-size:15px;color:#4a4d5d;font-weight:400;}/* 20180514 추가 */
.inputbox-tbl.input_code, .inputbox-tbl.input_date{margin-top:8px;}/* 20180514 수정 */
/* 2017-04-05 */
.inputbox-tbl.input_date input{width:100px;font-size:15px;color:#85868f;font-weight:400;}
.inputbox-tbl.input_date .t_right{position:absolute;top:0;right:0;color:#4a4d5d;font-size:15px;font-weight:400;}
/* //2017-04-05 */

.happym-img{padding:0 10px;margin-top:10px;}
.happym-img img{width:100%;}

.blistbx{padding:0 28px;margin-top:18px;}
.blistbx ul{}
.blistbx ul li{margin-top:3px;padding-left:10px;color:#4a4d5d;background:url(../../resource/images/bul_dot.png) no-repeat 0 2px;background-size:5px 4px;}
.blistbx ul li:first-child{margin:0;}
/* 20180514 추가 */
.blistbx ul li.bulnone{padding-left:0;background:none;}
.blistbx h5{margin-bottom:5px;}
/* //20180514 추가 */

.round-style .blistbx{padding:0;margin:0;}

.titbx-wrap{margin:0 10px;padding:25px 0 0 17px;}
.titbx-wrap h2{font-size:16px;}

/* 2017-04-05 */
.txt_noti{margin-top:8px;padding:0 28px;font-size:19px;font-weight:400;color:#4a4d5d;}

.no_cntrbx{display:inline-block;border:1px solid #bababa;border-radius:3px;padding:0 2px;width:85px;height:27px;font-size:0;line-height:0;vertical-align:middle;}
.no_cntrbx .btn_minus{display:inline-block;width:27px;height:27px;background:url(../../resource/images/btn_no_minus.png) no-repeat 0 0;background-size:27px 27px;font-size:0;line-height:0;vertical-align:middle;}
.no_cntrbx .btn_minus.on{background:url(../../resource/images/btn_no_minus_on.png) no-repeat 0 0;background-size:27px 27px;}
.no_cntrbx .no_cntr{display:inline-block;width:31px;height:27px;text-align:center;font-size:15px;font-family:'NanumSquareB';line-height:28px;color:#4a4d5d;vertical-align:middle;}/* 2022-10-06 웹폰트 굵기 수정 */
.no_cntrbx .btn_plus{display:inline-block;width:27px;height:27px;background:url(../../resource/images/btn_no_plus.png) no-repeat 0 0;background-size:27px 27px;font-size:0;line-height:0;vertical-align:middle;}
.no_cntrbx .btn_minus:hover, .no_cntrbx .btn_minus:active, .no_cntrbx .btn_plus:hover, .no_cntrbx .btn_plus:active{background-color:#fbfeeb;}/* 20180514 추가 */

.register-menu-list.typeb{}
.register-menu-list.typeb li a{padding:28px 33px 25px 19px;font-size:20px;color:#4a4d5d;}
/* //2017-04-05 */
/* 20170411 추가 */
.myaccount-info-box.type3{height:80px;/* 20170717 height:100px -> 80px 수정 */padding-top:10px;/* 20170717 padding-top:20px -> 10px 수정 */text-align:center;}
/* //20170411 추가 */

/* 20170502 추가 */
.infoText{padding-top:15px;padding-left:25px;line-height:18px;font-size:12px;color:#85868f;}/* 20170811 수정 */
.atm-wrap{color:#4a4d5d;text-align:center;}
.atm-wrap h2{padding:25px 0;font-size:16px;color:#4a4d5d;font-weight:normal;border-bottom:1px solid #e6e6e6;}
.atm-wrap ul{padding:12px 25px 10px 25px;border-top:1px solid #e6e6e6;}
.atm-wrap ul.brdbtm{border-bottom:1px solid #e6e6e6;}
.atm-wrap ul li{position:relative;height:28px;line-height:26px;text-align:left;}
.atm-wrap ul li span{position:absolute;top:50%;right:0;margin-top:-8px;text-align:right;}
.btn_coatm_notice{display:inline-block;margin-top:25px;padding:0 16px;height:28px;line-height:28px;text-align:center;font-size:12px;color:#fff;background-color:#2082e6;border-radius:4px;}/* 20190404 */
.atm-search{display:inline-block;margin-top:10px;margin-bottom:25px;font-size:13px;color:#354e95;text-decoration:underline;}/* 20190404 */
.atm-num{padding:12px 0;}
.atm-num span{display:inline-block;margin:0 auto;width:85%;height:55px;line-height:55px;text-align:center;background-color:#4a4d5d;border-radius:2px;}/* 20170510 */
.atm-num input{display:inline-block;width:100%;text-indent:14px;letter-spacing:14px;font-size:30px;color:#fff;text-align:center;background:none;border:0;}/* 20170510 */
.atm-num a{display:block;margin:10px auto 0 auto;font-size:13px;color:#85868f;text-decoration:underline;}
.current-money-box2{padding:15px 25px;background:url(../images/icon_won_black.png) no-repeat 25px 30px;background-size:21px 16px;text-align:right;}
.current-money-box2 strong{display:inline-block;font-size:35px;font-weight:300;color:#4a4d5d;line-height:44px;}
.current-money-box2 strong span{display:inline-block;margin-left:5px;font-size:13px;font-weight:400;color:#4a4d5d;}

/* 2017-05-30 */
.set_top_txt{padding:23px 0 26px;}
.set_top_txt .inner{font-size:16px;line-height:19px;text-align:center;color:#4a4d5d;}

.set_box_slt{background:#fff url(../../resource/images/bg_set_box_slt.png) repeat-x 0 100%;background-size:1px 3px;}
.set_box_slt .set_box_ctrl{position:relative;padding:22px 17px 20px;}
.set_box_slt .set_box_ctrl h2{font-size:16px;color:#4a4d5d;}
.set_box_slt .set_box_ctrl p{margin-top:12px;font-size:13px;color:#85868f;}
/*.set_box_slt .set_box_ctrl .btn{position:absolute;top:14px;right:15px;display:inline-block;width:37px;height:24px;background:url(../images/btn_set_ctrl_off.png) no-repeat 0 0;background-size:37px 24px;}
.set_box_slt .set_box_ctrl .btn.on{width:38px;height:24px;background:url(../images/btn_set_ctrl_on.png) no-repeat 0 0;background-size:38px 24px;}*/
.set_box_slt .set_box_ctrl .switch-61{position:absolute;top:14px;right:15px;}
.set_box_slt .set_box_list{}
.set_box_slt .set_box_list ul{}
.set_box_slt .set_box_list ul li{padding:15px 16px 14px;position:relative;border-top:1px solid #e6e6e6;font-size:16px;color:#4a4d5d;}
.set_box_slt .set_box_list ul li .btn{position:absolute;top:0;right:0;display:inline-block;width:48px;height:48px;background:url(../images/btn_setbx_v.png) no-repeat 0 0;background-size:48px 48px;}

.gbox_wrap{margin:30px 17px 0;background-color:#e7e7e7;border-radius:5px;}
.gbox_wrap .gbox_in{padding:22px 17px 15px;}
.gbox_wrap .gbox_in ul{}
.gbox_wrap .gbox_in ul li{padding-left:7px;margin-top:17px;font-size:13px;line-height:15px;color:#4a4d5d;background:url(../images/bul_gbox.png) no-repeat 0 5px;background-size:3px 3px;}
.gbox_wrap .gbox_in ul li:first-child{margin:0;}

.btn_noti_chk{margin-top:38px;text-align:center;font-size:16px;color:#4a4d5d;}

/* 20170717 추가 */
.atm-wrap .line{margin-bottom:5px;height:1px;line-height:0;background-color:#e6e6e6;}
.checkmoney-info-table .infoText{padding-left:5px;padding-right:10px;}

/*** 20170811 추가(3.0) ***/
.header .btn-set{display:block;overflow:hidden;position:absolute;top:0;right:0;width:45px;height:44px;color:transparent;background-image:url(../images/btn_topset.png);background-repeat:no-repeat;background-size:29px 18px;background-position:0 center;}
.header .btn_history_white{display:block;overflow:hidden;position:absolute;top:0;right:0;width:45px;height:44px;color:transparent;background-image:url(../images/btn_history_white.png);background-repeat:no-repeat;background-size:31px 20px;background-position:0 center;}
.row-notice-red.gray{color:#85868f;}
/* 메인-체크페이서비스 */
.juri_checkpay{position:absolute;top:45px;left:0;right:0;padding-top:20px;height:33px;text-align:center;border-bottom:1px solid #e6e6e6;background-color:#fff;}
.juri_checkpay a{display:inline-block;padding-right:23px;padding-bottom:1px;font-size:16px;color:#354e95;text-decoration:underline;background:url(../images/ico_juri_checkpay.png) no-repeat right 3px;background-size:13px 13px;}
.cp-service-wrap{position:absolute;top:99px;left:0;right:0;bottom:90px;overflow-y:auto;}
.cp-service-wrap ul{}
.cp-service-wrap ul li{float:left;width:33.5%;height:106px;text-align:center;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;box-sizing:border-box;}
.cp-service-wrap ul li:nth-child(3n){width:33%;border-right:none;}
.cp-service-wrap ul li a{display:block;position:relative;padding-top:75px;}
.cp-service-wrap ul li a span{display:block;}
.cp-service-wrap ul li a img{display:block;position:absolute;top:22px;left:50%;margin-left:-20px;}
.fixed-bottom-banner{position:fixed;bottom:0;left:0;right:0;}/* 20180514 수정 */
.fixed-bottom-banner a{display:block;position:relative;height:100%;box-sizing:border-box;}/* 20170818 수정 */
.banner01{padding:20px 18px;/* 20170818 추가 */line-height:17px;font-size:11px;color:#fff;background-color:#fcb714;}
.banner01:after{display:block;content:" ";position:absolute;top:23px;right:15px;width:7px;height:11px;background-image:url(../images/icon_menulist_white_arrow.png);background-size:7px 11px;}
.banner01 strong{display:block;padding-bottom:5px;font-size:16px;}
/* 알림 */
.board-notice td span.ico_tit{display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:6px;width:44px;height:16px;line-height:18px;font-size:11px;color:#fff;text-align:center;border-radius:2px;}
.board-notice td span.noti{background-color:#4a4d5d;}
.board-notice td span.even{background-color:#e35354;}
.board-notice td span.error{background-color:#385dfa;}/* 20170904 추가 */
/*  */
.row-bothpadding25-style .atm-wrap ul{padding-left:0;padding-right:0;}
.row-bothpadding25-style .atm-wrap ul:first-child{border-top:0;}
/*  */
.remi-name{margin:15px;padding-top:13px;height:50px;text-align:center;background-color:#fff;border:1px solid #e7e7e7;box-sizing:border-box;}
.remi-name strong{padding-right:6px;font-size:16px;color:#4a4d5d;}
.remi-name span{font-size:16px;color:#4a4d5d;}/* 웹폰트 변경 */
/* slick-slide(common) */
.comn-slide-wrap{position:relative;padding-top:20px;width:100%;height:135px;box-sizing:border-box;}
.comn-slide{margin-left:auto;margin-right:auto;max-width:86%;border:1px solid #e7e7e7;background-color:#fff;}
.comn-slide-wrap .slick-list{padding-left:20px !important;padding-right:20px !important;}
/* slick-slide(common) in style */
.account-slide{display:none;position:relative;padding:10px 15px 12px 15px;/* 20170825 수정 */box-sizing:border-box;}
.slick-center .account-slide{display:block !important;}
.account-slide .bank{display:block;font-size:15px; color:#4a4d5d;min-height:34px;line-height:34px;/* 20170825 추가 */}
.account-slide .btn-general{position:absolute;top:10px;right:15px;}
.account-slide .btm{position:relative;margin-top:5px;/* 20170825 수정 */}
.account-slide .accnt{position:absolute;top:4px;left:0;font-size:15px;}/* 웹폰트 변경 */
.account-slide p{text-align:right;font-size:16px;}
.account-slide p strong{vertical-align:middle;font-size:22px;}/* 웹폰트 변경 */
.account-slide .btn_re{display:inline-block;vertical-align:middle;width:22px;height:22px;background-image:url(../images/icon_refresh_on.png);background-size:22px 22px;}

/* 20170825 추가 */
.floating-back-header h1.title-header img{display:inline-block;vertical-align:middle;/*height:auto;width:auto;max-height:15px;*/padding-top:0;}
.floating-back-header h1.title-header span{display:inline-block;vertical-align:middle;margin-top:3px;font-size:inherit;font-weight:inherit;color:inherit;}
.floating-back-header h1.title-header img + span{margin-left:6px;}

/* 20170904 추가 */
.t_center{text-align:center !important;}
.t_center .paragraph-gray-11{text-indent:10px;margin-top:8px;}
.slide1n{}
.slide1n .comn-slide{min-height:80px;}
.slide1n .comn-slide .account-slide{display:block;}

/* 20170907 추가 */
/*
.account-slide .btn-register{display:inline-block;overflow:hidden;margin-top:3px;width:30px;height:30px;line-height:35px;background:none;font-size:22px;color:#a4a9b3;border:1px solid #a4a9b3;border-radius:40px;}
*/
.account-slide .paragraph-gray-11{font-size:13px;color:#a4a9b3;}

/* 20170925 추가 */
.mgtm45{margin-top:-45px !important;}

/* 20171027 추가 */
.current-money-box2.type2{position:relative;background:none;}
.current-money-box2 .txt{position:absolute;top:50%;left:20px;margin-top:-8px;font-size:15px;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.current-money-box2.type2 + ul{border-top-width:2px;}

/* 20180122 추가 */
.sp{color:transparent;text-indent:-999px;}
.pop-wrap.type-notice{}
.pop-wrap.type-notice .pop-full-container{padding:60px 40px;}
.pop-wrap.type-notice .pop-full-inner{border-radius:0;}
.pop-wrap.type-notice .pop-full-cont{padding-top:25px;}
.pop-wrap.type-notice .pop-scroll-section p{line-height:24px;}
.pop-wrap.type-notice .pop-full-header .pop-title{padding:12px 0 12px 15px;background:#4a4d5d;font-size:14px;font-weight:500;color:#fff;text-align:left;}
.pop-wrap.type-notice .pop-foot{position:absolute;bottom:22px;left:0;right:0;padding-right:12px;height:22px;line-height:22px;text-align:right;font-size:12px;color:#6a6a6a;background-color:#f7f7f7;}
.pop-wrap.type-notice .pop-foot input[type=checkbox]{-webkit-appearance:checkbox;}

/***** 팜스코 포인트전환 20180206 *****/
.ptitle_g{display:inline-block;font-size:16px;color:#85868f;}
.set_box_slt .set_box_list ul li{min-height:20px;}
.set_box_slt .set_box_list ul li .btn.txt{width:auto;line-height:50px;background-position:105% 0;}
.set_box_slt .set_box_list ul li .btn.txt span{display:inline-block;margin-right:42px;font-size:16px;}
.set_box_slt .set_box_list ul li .btn.txt span.bold{font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.set_box_slt .set_box_list ul li .num{position:absolute;top:0;right:15px;bottom:0;}
.set_box_slt .set_box_list ul li .num strong.txtp,
.set_box_slt .set_box_list ul li .num input{display:inline-block;vertical-align:middle;margin-top:12px;font-size:16px;line-height:26px;border:0;}
input::-webkit-input-placeholder{font-size:16px;}
.point_agreebox{padding:25px 0 0 0;text-align:center;font-size:16px;}
.terms-ct.type2{height:330px;padding:20px 15px !important;background-color:#f5f5f5;border-bottom:1px solid #e6e6e6;overflow-y:auto;}
.terms-ct.type2 .terms-section{padding-top:0;}

/* 20180223 추가 */
.set_box_slt .set_box_list ul li .loading{position:absolute;top:50%;right:10px;margin-top:-13px;}
.subtit{padding:25px 0 12px 15px;font-size:13px; color:#4a4d5d; text-align:left;}
.page-header-mypoint{position:relative;padding:17px 0;background-color:#4a4d5d;}
.page-header-mypoint h2{text-align:center; font-size:15px; color:#fff;}
.page-header-mypoint .point_box{position:relative;margin:8px 45px 0 45px;padding:0 15px 0 0;line-height:40px;text-align:right; font-size:18px; color:#ff84a1; font-family: 'NanumSquareB'; background-color:#30323d;background-image:url(../../resource/images/ico_point.png);background-repeat:no-repeat;background-size:29px 25px;background-position:9px 7px;}/* 2022-10-06 웹폰트 굵기 수정 */
.page-header-mypoint .point_box .tail{display:block;position:absolute;top:-4px;left:50%;margin-left:-4px;width:7px;height:4px;background:url(../../resource/images/tail_01.png) no-repeat 0 0;background-size:7px 4px;}

/** 청구통합 20180412 추가 **/
.btn-general.btn-small{height:28px;padding:0 6px;font-size:11px;}
.title-section .btn-small{position:absolute;top:7px;right:15px;}
.inputbox-blocklabel.btmline-style input{padding-left:0;border-top:0;border-left:0;border-right:0;}
.date-box.bgwht{border-color:#e6e6e6;background-color:#fff;}
p.t-item-gray{margin-bottom:2px;}
/* 사업자명/사업자번호 */
.bizinfo{margin-top:16px;text-align:center;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.bizinfo dt{margin-bottom:5px;font-size:14px;color:#4a4d5d;}
.bizinfo dd{font-size:16px;color:#4a4d5d;}
.bill-bg-style .bizinfo{margin-top:6px;margin-bottom:6px;}
.bill-bg-style .bizinfo dt{font-size:13px;}
.bill-bg-style .bizinfo dd{font-size:13px;}
/* 청구항목팝업 */
.pop-ct.sizebig{padding:25px 20px;}
.pop-ct.sizebig .inputbox-inlabel{padding:12px 10px;}
.pop-ct.sizebig .inputbox-inlabel label{left:10px;width:85px;}
.pop-ct.sizebig .inputbox-inlabel input{padding-left:90px;}
.pop-ct.sizebig .inputbox-m input[type="text"], .pop-ct.sizebig .inputbox-m input[type="tel"]{padding-right:0;}
/* 연락처팝업 */
.select-phonenum{position:relative;padding:15px 10px;min-height:89px;text-align:left;border-top:1px solid #e6e6e6;background-color:#f5f5f5;box-sizing:border-box;}
.phonenum-list{min-height:43px;overflow-x:auto;white-space:nowrap;/* 20180510 */padding:12px 12px 6px 12px;margin-top:6px;border:1px solid #e6e6e6;background-color:#fff;box-sizing:border-box;}
.phonenum-list .slelected{display:inline-block;vertical-align:middle;margin-bottom:6px;margin-right:10px;}
.phonenum-list .slelected span{margin-right:4px;display:inline-block;vertical-align:middle;}
.phonenum-list .slelected button{display:inline-block;vertical-align:middle;}
/* 연락처삭제 */
.delcheckbox_list{margin-top:5px;margin-bottom:-10px;}
.delcheckbox_list li{position:relative;height:42px;line-height:25px;}
.delcheckbox_list li .radio-25-label{vertical-align:middle;}/* 20180417 수정 */
.delcheckbox_list li span{margin-left:6px;margin-right:10px;color:#85868f;vertical-align:middle;display:inline-block;}/* 20180417 수정 */
.delcheckbox_list li input[type="text"]{display:block;position:absolute;top:0;left:60px;width:78%;height:22px;border:0;border-bottom:1px solid #e6e6e6;}
/* 사업자정보관리 */
.menu-list.bizinfotype{}
.menu-list.bizinfotype li>a:first-child{padding:15px 25px 15px 15px;}
.menu-list.bizinfotype li>a:first-child:before{display:none;}
.menu-list.bizinfotype li>a:first-child:after{right:15px;}
.menu-list.bizinfotype .bizname{font-size:15px;font-family:'NanumSquareB';display:inline-block;width:55%;}/* 2022-10-06 웹폰트 굵기 수정 */
.menu-list.bizinfotype .biznum{font-size:14px;display:inline-block;width:100px;}
/* 청구서확인 */
a.billcheck{display:block;overflow:hidden;width:100%;height:59px;background:url(../images/icon_menulist_arrow.png) no-repeat center center;background-size:6px 10px;color:transparent;}
.cashbill-checkbox{position:relative;padding:5px 0 18px 0;}/* 20180426 수정 */
.cashbill-checkbox .ico_q2{display:inline-block;vertical-align:middle;margin-top:-2px;margin-left:2px;width:20px;height:20px;background-image:url(../../resource/images/ico_q2.png);background-size:20px 20px;}
.cashbill-checkbox .btn-general{position:absolute;top:2px;right:0;}/* 20180426 수정 */

/* 20180426 수정/추가 */
.bill-wrap2 .header{background-color:#199be5;}
.bill-wrap2 .title-header{color:#fff;}
.bill-wrap2 .header .btn-history-back{background-image:url(../images/btn_back_white.png);}
.bill-wrap2 .header .btn-out-page{background-image:url(../images/btn_out_page_white.png);}
.bill-wrap2 .page-header.bg2{background-color:#1aa3f0;}
.bill-wrap2 .page-header.bg2 h2{color:#fff;}
.bill-wrap2 .round-style.bdr2{border-color:#1aa3f0;border-top:1px solid #1aa3f0;border-bottom:1px solid #1aa3f0;}
.bill-wrap2 .statement-table-style.brd0 th, .bill-wrap2 .statement-table-style.brd0 td{border-bottom:0;}
.txtdate_alignr{padding:5px 0 15px 0;text-align:right;color:#85868f;font-size:12px;}
.txtdate_alignr span{color:#4a4d5d;font-size:12px;}
.btn-dark1-op90, .btn-dark2-op90{position:relative;}
.btn-dark1-op90 span, .btn-dark2-op90 span{color:#efeff4;}
.btn-dark1-op90:before, .btn-dark2-op90:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.9;}
.btn-dark1-op90 + .btn-dark2-op90{border-left:1px solid rgba(67, 67, 67, 0.85);margin-left:-1px;}
.btn-dark1-op90:before{background-color:#404040;}
.btn-dark2-op90:before{background-color:#383838;}
/* tab menu btn style */
.tab-menu-btnst{padding:5px 5px;text-align:center;border-top:1px solid #e6e6e6;background-color:#f5f5f5;display:-webkit-box;display:-webkit-flex;display:flex;}
.tab-menu-btnst li{display:block;position:relative;margin-left:4px;width:33%;text-align:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;}
.tab-menu-btnst li:first-child{margin-left:0;}
.tab-menu-btnst li a{display:inline-block;position:relative;width:100%;height:34px;line-height:34px;text-align:center;font-size:14px;font-weight:400;color:#4a4d5d;border:1px solid #c6c6c6;border-radius:3px;background-color:#fff;box-sizing:border-box;}
.tab-menu-btnst li a.on{background-color:#c6c6c6;}
/* //20180426 수정/추가 */

/* 20180514 해피머니상품권/구글기프트코드 */
.total_line th, .total_line td{padding-bottom:0 !important;}
.btn_mid_box{margin-top:10px;margin-bottom:30px;text-align:center;}
.btn_mid_box > p{height:30px;line-height:30px;}
.tab_header{border-bottom:0 !important;}
/* 20180516 수정 */
.tab_style2{}
.tab_style2_box{clear:both;overflow:hidden;}
.tab_style2_box a{cursor:pointer;display:block;float:left;width:50%;height:42px;line-height:42px;font-size:14px;color:#c1c1c1;text-align:center;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#4a4d5d;box-sizing:border-box;}
.tab_style2_box a.on{cursor:default;color:#4a4d5d;background-color:#f5f5f5;border-bottom-color:#f5f5f5;}
/* //20180516 수정 */
.brand_box{padding-top:13px;text-align:center;}
.brand_box p{padding-top:13px;padding-bottom:3px;font-size:16px;color:#4a4d5d;}
/* //20180514 해피머니상품권/구글기프트코드 */

/* 20180601 추가 */
.btn-blue-gray2{background:#7e8092;color:#fff;}
.btn_mid_box .btn-general+.btn-general{margin-left:10px;}
.selectnum .select-d-section{width:150px;}
.selectnum .select-d-section button{font-size:16px;}
.selectnum .select-d-section .sds-default{background-color:#fff;}
.selectnum .select-d-section .sds-list-wrap .sds-close{background-color:#fff;}
.tbl-viewbx table.ft14{font-size:14px;color:#85868f;}
.tbl-viewbx table.ft14 .num{color:#4a4d5d;}
.btn_iptcode{display:inline-block;padding:5px 10px;font-size:14px;color:#fff;text-align:center;background-color:#5b5e6d;}
.tbl-viewbx .codeinfo-box+.codeinfo-box:before{content:"";display:block;margin:5px 0;width:100%;height:1px;line-height:1px;font-size:0;background-color:#dedfe2;}
/* //20180601 추가 */

/* 20180702 추가 */
.pop-full-container{padding:10px 5px;}
.pop-full-container .pop-full-header{z-index:200;position:relative;background-color:#fff;border-radius:5px 5px 0 0;}
.pop-full-container .pop-full-cont{z-index:100;}
.pop-full-container .pop-scroll-section{z-index:100;overflow-y:auto;}
.pop-full-container .pop-fixed-btn{z-index:200;}
.pop-full-container .btn-close-pop{z-index:200;position:absolute;top:16px;right:16px;}
/* 청구활용방법 */
.adpop-wrap{padding:20px 0;}
.adpop-wrap h2{margin-top:22px;font-size:14px;color:#4a4d5d;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.adpop-wrap img{display:block;margin:14px auto;width:100%;max-width:320px;}
.adpop-wrap ul{}
.adpop-wrap ul li:before{content:"";display:block;width:4px;height:4px;border-radius:4px;background-color:#4a4d5d;position:absolute;top:5px;left:2px;}
.adpop-wrap ul li{position:relative;margin-top:6px;padding-left:15px;padding-right:10px;line-height:18px;font-size:13px;color:#4a4d5d;font-weight:normal;}
/* //20180702 추가 */

/* 20180726 수정 */
.blind{display:none;}
.fixed-bottom-banner a{text-align:center;}
.loan-wrap{position:relative;text-align:center;height:100%;box-sizing:border-box;}/* 20180814(2) 수정 */
.loan-wrap img{width:100%;}
.loantitle-box{position:fixed;top:0;left:0;right:0;text-align:center;border-bottom:1px solid #e6e6e6;background-color:#fff;z-index:100;}/* 20180814(2) 수정 */
.loantitle-box img{z-index:-1;width:100%;max-width:320px;}/* 20180814 수정 */
.loantitle-box a{display:block;z-index:100;position:absolute;bottom:15px;left:15px;right:15px;height:45px;}
.loancont-box{position:fixed;left:0;right:0;bottom:0;text-align:center;overflow-y:auto;padding-bottom:45px;}/* 20180821 수정 */
/* 20180910 추가 */
.loantable{padding-top:12px;padding-bottom:30px;line-height:16px;font-size:12px;color:#4a4d5d;text-align:left;font-weight:500;/* 웹폰트 변경 */}/* 웹폰트 변경 */
.loantable *{font-weight:500;}/* 웹폰트 변경 */
.loantable strong{font-weight:700;}
.loantable table{margin-top:12px;}
.loantable th, .loantable td{padding-bottom:12px;vertical-align:top;letter-spacing:-0.5px;}
.loantable th{padding-left:14px;padding-right:8px;color:#008375;font-weight:700;}
.loantable td{padding-right:20px;}
.loantable td > ul li{margin-top:12px;}
.loantable td > ul li:first-child{margin-top:0;}
.loantable .c_red, .loantable .c_red > *{color:#d60037 !important;}
.loantable .c_oran, .loantable .c_oran > *{color:#f5821f !important;}
.loantable .c_blue, .loantable .c_blue > *{color:#12a9ff !important;}
.loantable .fts_s{font-size:11px !important;}
.loantable .fts_b{font-size:14px !important;}
/* //20180910 추가 */
/* //20180726 수정 */

/* 20181204 제로페이_결제서비스 */
.pop-ct .pop-paragraph-16 + .pop-paragraph{margin-top:20px;}
/* 제로페이wrap */
.zero-wrap .header{border-bottom:0;background:#a4d738;}/* 20190129 수정 */
/* 결제금액입력 */
.zeropay_type{margin:10px 15px 0;padding:17px 12px 15px;border:1px solid #a4d738;border-radius:8px;box-sizing:border-box;box-shadow:0 1px 1px 1px rgba(0,0,0, .15);}
.zeropay_type .title-section strong{font-size:16px;font-weight:700;}
.zeropay_type .charge-money-box{position:relative;padding:0 25px 0 30px;margin-top:7px;border:0;border-bottom:1px solid #a4d738;box-sizing:border-box;background:#fff;}
.zeropay_type .charge-money-box input[type="tel"]{display:inline-block;vertical-align:middle;width:100%;height:42px;line-height:42px;padding:0;border:0;box-sizing:border-box;background:#fff;font-size:34px;font-weight:300;color:#4a4d5d;text-align:right;}
.zeropay_type .charge-money-box input::-webkit-input-placeholder{font-size:25px;font-weight:400;color:#c6c6c6;line-height:42px;direction:rtl;}
.zeropay_type .charge-money-box .cmb-notice{position:absolute;left:0;top:8px;font-size:25px;font-weight:400;color:#c6c6c6;line-height:normal;}
.zeropay_type .charge-money-box .cmb-won{position:absolute;right:4px;top:14px;font-size:17px;font-weight:400;color:#4a4d5d;line-height:normal;}
.zeropay_type .charge-money-box .btn-clear-text{display:none;position:absolute;left:5px;top:50%;margin-top:-8px;}
.zeropay_type .charge-section .btn-charge-auto{margin-top:5px;}
.zeropay_type .title-page-13{display:block;margin-top:10px;}
.zeropay_type .title-page-13.error{color:#f23d40;}
/* 결제영수증_하단안내문구 */
.ico_import{margin-top:25px;margin-bottom:30px;line-height:24px;font-size:12px;text-align:center;}/* 20181206 */
.ico_import strong{display:block;font-size:16px;}/* 20181206 */
.ico_import strong:before{content:"!";display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:6px;width:15px;height:15px;line-height:14px;font-size:10px;color:#ef3c42;text-align:center;font-weight:700;border:1px solid #ef3c42;border-radius:14px;box-sizing:border-box;}
/* 20181206 */
.t_red{color:#f23d40 !important;}
table.line_through .t-align-right{text-decoration:line-through !important;}
.all-sum-num.line_through{text-decoration:line-through !important;}
/* 20181214 */
.infotxt{margin-top:30px;padding-right:10px;}
.infotxt h5{margin-bottom:15px;font-size:14px;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.infotxt .txt_b{font-size:13px;color:#12a9ff !important;}
.infotxt ul{margin-top:15px;}
.infotxt ul li:before{content:"-";display:inline-block;margin-left:-14px;margin-right:4px;}
.infotxt ul li{padding-left:14px;margin-bottom:4px;line-height:18px;}
.gbox_wrap .gbox_in dt{margin-bottom:15px;font-size:14px;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.gbox_wrap .gbox_in dd{line-height:24px;font-size:14px;}
/* checkbox */
.chk-general2{display:inline-block;box-sizing:border-box;width:20px;height:20px;border:1px solid #d6d6d6;background:#fff;border-radius:2px;box-shadow:none;-webkit-appearance:none;}
.chk-general2:checked{border-color:#ef3c41;background:#ef3c41 url(../images/icon_chk2_on.png) no-repeat center center;background-size:18px 18px;}

/* 20190115 추가 */
.pdt30{padding-top:30px;}
.atmupdate{padding:15px 0;text-align:center;}
.maparea{min-height:calc(100vh - 160px);border-top:1px solid #d2d2d2;}
.coatm_use{padding-top:60px;}/* 20190208 수정 */
.coatm_use .selectnum{position:absolute;top:54px;left:0;right:0;padding:10px 20px;background-color:#fff;}/* 20190208 수정 */
.pop-scroll-section .coatm_use .selectnum{margin:0;}
.coatm_use .select-d-section{width:100%;}
.coatm_use .coatm_guide_img{margin-top:20px;}
.coatm_use .coatm_guide_img img{width:100%;}

/* 20190129 제로페이_결제서비스_사용가능매장 */
/* 검색창 */
.search_box{position:relative;padding-left:20px;padding-right:40px;height:56px;border-bottom:1px solid #cfcfcf;background-color:#fff;box-sizing:border-box;}
.search_box input{width:100%;height:100%;font-size:15px;color:#4a4d5d;border:0;outline:0;box-sizing:border-box;}
.search_box input::-webkit-input-placeholder{ font-size:15px;color:#c6c6c6;}
.search_box .btn-clear-text{display:none;position:absolute;top:0;right:40px;width:56px;height:100%;background-position:center;}
.search_box .btn-general.btn-dark.btn-small{position:absolute;top:50%;right:14px;margin-top:-15px;padding:0 10px;}
/* 검색 리스트 */
.search_result{}
.search_result .search_li{position:relative;padding-top:20px;padding-left:25px;height:80px;border-bottom:1px solid #dfe0e6;box-sizing:border-box;}
.search_result .search_li strong{font-size:15px;color:#222;}
.search_result .search_li strong b{color:#006cff;}
.search_result .search_li p{margin-right:45px;padding-top:6px;font-weight:normal;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.search_result .search_li a{position:absolute;top:0;bottom:0;right:0;width:40px;background:url(../../resource/images/icon_menulist_arrow.png) no-repeat 8px center;}
.search_result .more_list{width:100%;height:50px;font-size:15px;color:#666;text-align:center;border-top:1px solid #dfe0e6;background-color:#fff;}
/* 지도 api */
.map_wrap{position:absolute;z-index:10;overflow:hidden;width:100%;}
.map_wrap.type1{height:calc(100vh - 44px);}/* 하단 없는경우 */
.map_wrap.type2{height:calc(100vh - 167px);}/* 하단 있는경우 */
/* 상세주소/전화 */
.adrstel_box{z-index:500;position:fixed;bottom:0;left:0;right:0;padding-top:28px;padding-left:45px;height:123px;border-top:1px solid #d6d6d6;background-color:#fff;box-sizing:border-box;}
.adrstel_box > div{position:relative;}
.adrstel_box strong{position:relative;font-size:15px;color:#222;}
.adrstel_box strong:before{position:absolute;top:0;left:-20px;content:"";display:inline-block;vertical-align:middle;width:11px;height:16px;background:url(../../resource/images/ico_map.png) no-repeat;background-size:100%;}
.adrstel_box strong b{color:#006cff;}
.adrstel_box p{margin-right:75px;padding-top:6px;padding-bottom:6px;font-weight:normal;font-size:14px;}
.adrstel_box a{font-size:14px;color:#006cff;}
.adrstel_box a.btnTel{position:absolute;top:50%;right:20px;margin-top:-25px;width:50px;height:50px;font-size:0;color:transparent;background:url(../../resource/images/btn_call.png) no-repeat;background-size:100%;}

/* 20190212 제로페이 배너/상세 */
.zeropay_ad_wrap{background-color:#fff;min-height:100vh;}
.zeropay_ad_wrap img{width:100%;}
.zpad_tit_box{position:relative;}
.zpad_tit_box > img{z-index:-1;}
.zpad_tit_box > a{cursor:pointer;z-index:100;display:block;height:52px;position:absolute;bottom:17px;left:15px;right:15px;}
.zpad_tit_box > a.fixbtom_on{height:68px;position:fixed;bottom:0;left:0;right:0;background:url(../../resource/images/btm_btn_zeropay.png) no-repeat;background-size:100%;}
.zpad_cont_box{padding-bottom:70px;}
@media screen and (max-width:320px){
	.zpad_tit_box > a.fixbtom_on{height:58px;}
}

/* 20190404 */
.accordion_wrap{position:relative;padding:36px;padding-top:16px;background-color:#fff;}
.accordion_wrap .accordion{position:relative;cursor:pointer;display:block;margin-top:20px;padding-left:16px;width:100%;height:46px;line-height:43px;font-size:16px;color:#2082e6;text-align:left;font-weight:600;border:1px solid #76a9ed;border-radius:3px;transition:0.4s;box-sizing:border-box;}
.accordion_wrap .panel{margin:0 -8px;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;box-sizing:border-box;}
.accordion_wrap .accordion:after{content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-4px;width:14px;height:8px;background-size:100%;background-repeat:no-repeat;background-image:url(../../resource/images/bul_accor_down.gif);}
.accordion_wrap .active:after{background-image:url(../../resource/images/bul_accor_up.gif);}
.accordion_wrap .coatm_use{padding-top:20px;}
.accordion_wrap .selectnum{position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;padding:0;}
.accordion_wrap .selectnum .only{padding:10px 0;font-size:15px;color:#4a4d5d;text-align:center;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.accordion_wrap table.htuse{margin-top:20px;margin-left:24px;text-align:left;}
.accordion_wrap table.htuse th, .accordion_wrap table td{vertical-align:middle;height:24px;}
.accordion_wrap table.htuse th{font-size:12px;color:#666;}
.accordion_wrap table.htuse td{font-size:13px;color:#000;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.accordion_wrap ul.htuse{margin-top:20px;margin-left:24px;text-align:left;}
.accordion_wrap ul.htuse li{line-height:24px;font-size:14px;color:#4a4d5d;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */
.accordion_wrap ul.htuse li em{vertical-align:top;margin-right:10px;font-size:20px;color:#2082e6;font-family:'NanumSquareB';}/* 2022-10-06 웹폰트 굵기 수정 */

/* 체크페이 로고 */
/* 2021-08-13 */
.m_checkpay {position: absolute; bottom: 91px; left: 0; right: 0; text-align: center;}
.m_checkpay.nonBtn {bottom: 40px;}
.m_checkpay p {display:inline-block; width: 150px;}
.m_checkpay p img {display:block; width: 100%;}
/* //2021-08-13 */

/* 2021-08-13 */
.margin_top20_style {display:inline-block; margin-top: 15px !important;}
/* //2021-08-13 */