@charset "UTF-8";

/* 비밀번호 변경 */
.pw-change h4 { color: #987f57; font-weight: bold; font-size: 18px; }
.pw-change p { margin-top: 12px; color: #909090; }
.pw-change .table { margin-top: 31px; }
.pw-change .table tbody th { text-align: left; }
.pw-change .table tbody td { text-align: left; }
.pw-change .table tbody td input { width: 188px; }
.pw-change .btn-wrap { margin-top: 30px; font-size: 0; text-align: center; }
.pw-change .btn-wrap a { margin-left: 10px; font-size: 16px; }
.pw-change .btn-wrap a:first-child { margin-left: 0; }
.pw-change .helper { margin-top: 57px; }

.pw-change .lockTxtBold { margin-bottom: 18px; color: #666; font-size: 16px; font-weight:bold;}
.pw-change .lockTxt { margin-bottom: 18px; color: #666; font-size: 14px; }
.pw-change .login-wrap .section h4 { margin-bottom: 18px; color: #e70128; font-size: 20px; }
.pw-change .login-wrap .section { float: left; width: 301px; min-height: 284px; padding: 55px; background-color: #fafafa; }
.pw-change .login-wrap { overflow: hidden; }
.pw-change .sectionOne-wrap { border: 1px solid #ebebeb; border-top: 0; }
.pw-change .heading-group { height: 121px; margin-bottom: 0; border-bottom: 2px solid #323232; }
.pw-change .login-wrap .btn-wrap a.btn { display: block; margin-top: 30px; padding: 15px 14px 16px; }

/* 열량계수조회 */
.caloric-inq .heading-group { background: url(/images/sub/common/heading-bg-mypage.png) no-repeat; }
.caloric-inq .srch-wrap { position: relative; padding: 27px 30px; border-top: 1px solid #6f6f6f; background-color: #f9f9f9; }
.caloric-inq .srch-wrap .group { overflow: hidden; margin-top: 28px; }
.caloric-inq .srch-wrap .group:first-child { margin-top: 0; }
.caloric-inq .srch-wrap .group > div { float: left;vertical-align: middle; }
.caloric-inq .srch-wrap .group .title { width: 75px; padding-top: 7px; color: #444; font-weight: bold; font-size: 14px; }
.caloric-inq .srch-wrap .group .srch-box { width: 690px; font-size: 0; }
.caloric-inq .srch-wrap .group .select { width: 246px; font-size: 14px; }
.caloric-inq .srch-wrap .group .select.year { width: 85px; }
.caloric-inq .srch-wrap .group .select.month { width: 75px; }
.caloric-inq .srch-wrap .group .select.date { width: 75px; }
.caloric-inq .srch-wrap .group .srch-box .select { margin-left: 5px; }
.caloric-inq .srch-wrap .group .srch-box .select:first-child { margin-left: 0; }
.caloric-inq .srch-wrap .group .srch-box span.dash { padding: 0 10px; font-size: 14px; vertical-align: middle; }
.caloric-inq .srch-wrap a.btn-srch { display: block; position: absolute; right: 30px; bottom: 27px; }
.caloric-inq .section { margin-top: 50px; }
.caloric-inq .section .table { margin-top: 18px; }
.caloric-inq .section .table th { text-align: left; }
.caloric-inq .section .table td { text-align: left; }
.caloric-inq .section h4 { font-weight: bold; font-size: 16px; }
.caloric-inq .section p { margin-top: 7px; font-size: 14px; }
.caloric-inq .section em { display: block; margin-top: 13px; color: #987f57; font-style: normal; }

/* 세금계산서 신청확인 List */
.tax-list .total { margin-bottom: 17px; color: #333; font-weight: bold; font-size: 16px; }
.tax-list .total em { font-style: normal; }
.tax-list .custom .subject { overflow: hidden; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.tax-list .custom .active { color: #e70128; font-weight: bold; }
.tax-list .paging { margin-top: 30px; }

/* 세금계산서 신청확인 View */
.tax-view .board-view .bottom .align-left { color: #333; font-size: 14px; line-height: 30px; }

/* 요금조회 */
.charge-list .msg { margin-bottom: 30px; padding-bottom: 45px; border-bottom: 1px dotted #ededed; color: #333; font-weight: bold; font-size: 25px; text-align: center; }
.charge-list .msg em { color: #e70128; font-style: normal; }
.charge-list .srch-wrap h4 { margin-bottom: 17px; color: #333; font-size: 16px; }
.charge-list .srch-wrap .srch { overflow: hidden; padding: 20px 30px; border-top: 2px solid #6f6f6f; background-color: #f9f9f9; }
.charge-list .srch-wrap .srch .align-left { float: left; }
.charge-list .srch-wrap .srch .align-left .select { width: 130px; }

.charge-list .srch-wrap .srch .align-middle { float: left; }
.charge-list .srch-wrap .srch .align-middle h5 { float: left; margin-left: 20px; color: #444; font-weight: bold; font-size: 14px; line-height: 30px; }
.charge-list .srch-wrap .srch .align-middle .select { width: 90px; font-size: 14px; }

.charge-list .srch-wrap .srch .align-right { float: right; }
.charge-list .srch-wrap .srch .align-right h5 { float: left; margin-right: 12px; color: #444; font-weight: bold; font-size: 14px; line-height: 30px; }
.charge-list .srch-wrap .srch .align-right .date { float: left; width: 300px; font-size: 0; }
.charge-list .srch-wrap .srch .align-right .date .select { width: 130px; font-size: 14px; }
.charge-list .srch-wrap .srch .align-right .date .to { display: inline-block; width: 40px; font-size: 14px; line-height: 30px; text-align: center; vertical-align: middle; }
.charge-list .srch-wrap .srch .align-right .btn-srch { margin-left: 15px; }
.charge-list .srch-wrap .tip { margin-top: 10px; padding-right: 30px; text-align: right; }
.charge-list .list { margin-top: 45px; }
.charge-list .list .btn-wrap { margin-bottom: 11px; font-size: 0; }
.charge-list .list .btn-wrap a { margin-left: 8px; font-size: 12px; }
.charge-list .list .custom table thead th { padding: 11px 5px 12px; }
.charge-list .list .custom table tbody th { padding: 11px 5px 12px; }
.charge-list .list .custom table tbody td { padding: 11px 5px 12px; }
.charge-list .list .custom table tbody td.num a { color: #0fadff; text-decoration: underline; }
.charge-list .list .tip { margin-top: 10px; font-size: 13px; text-align: right; }
.charge-list .list .paging { margin-top: 30px; }

/* 요금계좌이체 */
.transfer .msg { color: #333; font-weight: bold; font-size: 25px; text-align: center; letter-spacing: -2px; }
.transfer .msg em { color: #e70128; font-style: normal; }
.transfer .transfer-wrap { margin-top: 48px; }
.transfer .section { margin-top: 68px; }
.transfer .section:first-child { margin-top: 0; }
.transfer .section h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.transfer .section .custom1 th.choice { background: none; }
.transfer .section .custom2 th { text-align: left; }
.transfer .section .custom2 td { text-align: left; }
.transfer .section .tip { display: block; margin-top: 13px; color: #987f57; font-style: normal; }
.transfer .section a.btn { display: block; width: 140px; margin: 28px auto 0; }

/* 요금시물레이션 */
.simulation .msg { color: #333; font-weight: bold; font-size: 25px; text-align: center; letter-spacing: -2px; }
.simulation .msg em { color: #e70128; font-style: normal; }
.simulation .transfer-wrap { margin-top: 48px; }
.simulation .section { margin-top: 68px; }
.simulation .section:first-child { margin-top: 0; }
.simulation .section h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.simulation .section .custom td.addr-area { text-align: left; }
.simulation .section .custom td input[type="text"] { width: 70px; }
.simulation .section .tip { display: block; margin-top: 13px; color: #987f57; font-style: normal; }
.simulation .section a.btn { display: block; width: 140px; margin: 28px auto 0; }

/* 요금시뮬레이션 정산내역 */
.simulation-view .msg { color: #333; font-weight: bold; font-size: 25px; text-align: center; letter-spacing: -2px; }
.simulation-view .msg em { color: #e70128; font-style: normal; }
.simulation-view .transfer-wrap { margin-top: 48px; }
.simulation-view .section { margin-top: 68px; }
.simulation-view .section:first-child { margin-top: 0; }
.simulation-view .section h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.simulation-view .section .custom td.addr-area { text-align: left; }
.simulation-view .section .custom td input[type="text"] { width: 70px; }
.simulation-view .section .tip { display: block; margin-top: 13px; color: #987f57; font-style: normal; }
.simulation-view .section a.btn { display: block; width: 140px; margin: 28px auto 0; }

/* 요금카드납부 */
.card-payment .msg { color: #333; font-weight: bold; font-size: 25px; text-align: center; letter-spacing: -2px; }
.card-payment .msg em { color: #e70128; font-style: normal; }
.card-payment .payment-wrap { margin-top: 48px; }
.card-payment .payment-wrap h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.card-payment .payment-wrap .custom th.choice { background: none; }
.card-payment .payment-wrap .inquiry-wrap { margin-top: 30px; font-size: 0; text-align: center; }
.card-payment .payment-wrap .inquiry-wrap a.btn { margin-left: 9px; font-size: 16px; }
.card-payment .payment-wrap .inquiry-wrap a.btn:first-child { margin-left: 0;}
.card-payment .megaphone { margin-top: 30px; padding: 25px; border: 1px solid #ebebeb; }
.card-payment .megaphone .title { padding-left: 25px; background: url(/images/sub/mypage/info-icon-megaphone.png) no-repeat; color: #333; font-style: normal; font-weight: bold; font-size: 14px; }
.card-payment .megaphone ul { margin-top: 12px; }
.card-payment .megaphone ul li { padding-left: 10px; background: url(/images/sub/mypage/mypage-list-dot.png) no-repeat 0 8px; color: #909090; line-height: 1.6; }
.card-payment .content { margin-top: 50px; }
.card-payment .content > div { display: none; }
.card-payment .content > div.active { display: block; }
.card-payment .content .payment-card .paper-wrap { display: block; width: 825px; margin-left: -39px; padding: 50px 39px; background: #f6f3eb url(/images/sub/mypage/payment-card-bg.png) no-repeat right 0; }
.card-payment .content .paper-wrap .heading { color: #7f5f2e; font-weight: bold; font-size: 25px; text-align: center; }
.card-payment .content .paper-wrap .heading span { border-bottom: 2px solid #7f5f2e; }
.card-payment .content .paper-wrap .inner { margin-top: 42px; }
.card-payment .content .paper-wrap .inner > div { margin-top: 36px; }
.card-payment .content .paper-wrap .inner > div:first-child { margin-top: 0; }
.card-payment .content .paper-wrap .btn-wrap { margin-top: 30px; text-align: center; }
.card-payment .content .payment-card .payment-only { margin-top: 50px; }
.card-payment .content .payment-only .comment { height: 26px; margin-bottom: 24px; color: #8f8f8f; font-size: 14px; vertical-align: middle; }
.card-payment .content .payment-only .comment .open-wrap { margin-left: 16px; }
.card-payment .content .payment-only .comment a.btn { display: none; }
.card-payment .content .payment-only .comment a.btn.on { display: inline-block; }
.card-payment .content .payment-only .table { display: none; }
.card-payment .content .payment-only .table.active { display: block; }
.card-payment .content .table .red { color: #e70128; }
.card-payment .content .custom1 th { text-align: left; }
.card-payment .content .custom1 td { text-align: left; }
.card-payment .content .custom1 .bold { font-weight: bold; }
.card-payment .content .custom1 .desc { display: inline-block; letter-spacing: -1px; }
.card-payment .content .custom2 .money { text-align: right; }
.card-payment .content input[type="checkbox"] { vertical-align: middle; }
.card-payment .content label.check-all { margin-left: 4px; }
.card-payment .content .second { margin-top: 38px; }
.card-payment .helper { margin-top: 30px; }

/* 회원정보수정 */
.modify-member .section { margin-top: 66px; }
.modify-member .section:first-child { margin-top: 0; }
.modify-member .title { margin-bottom: 18px; }
.modify-member .title h4 { color: #333; font-weight: bold; font-size: 16px; }
.modify-member .title p { margin-top: 5px; color: #333; font-size: 14px; }
.modify-member .custom1 table tr > * { text-align: left; }
.modify-member .custom1 table .modify-password-area { padding: 30px 0; background-color: #f9f9f9; line-height: 1.5; text-align: center; }
.modify-member .custom1 table .modify-password-area a { color: #0096ff; text-decoration: underline }
.modify-member .custom1 table .tel-area td,
.modify-member .custom1 table .phone-area td { font-size: 0; }
.modify-member .custom1 table .tel-area td .select,
.modify-member .custom1 table .phone-area td .select { width: 120px; font-size: 13px; }
.modify-member .custom1 table .tel-area td input[type="text"],
.modify-member .custom1 table .phone-area td input[type="text"] { width: 92px; }
.modify-member .custom1 table .tel-area td .dash,
.modify-member .custom1 table .phone-area td .dash { display: inline-block; width: 24px; font-size: 13px; line-height: 30px; text-align: center; vertical-align: middle; }
.modify-member .custom1 table .email-area td { font-size: 0; }
.modify-member .custom1 table .email-area td .select { width: 120px; margin-left: 12px; font-size: 13px; }
.modify-member .custom1 table .email-area td input[type="text"] { width: 188px; }
.modify-member .custom1 table .email-area td .at { display: inline-block; width: 32px; font-size: 13px; line-height: 30px; text-align: center; vertical-align: middle; }
.modify-member .custom1 table .password-area td input[type="text"] { width: 198px; }
.modify-member .custom1 table .password-area td strong { display: inline-block; font-weight: normal; font-size: 12px; line-height: 30px; vertical-align: middle; }
.modify-member .custom2 table tr > * { padding: 11px 10px 12px;}
.modify-member > .btn-wrap { margin-top: 69px; text-align: center; }

/* 납입자변경 */
.payer-change h5 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.payer-change .custom table tr > * { text-align: left; }
.payer-change .custom table .phone-area td { font-size: 0; }
.payer-change .custom table .phone-area td .select { width: 120px; font-size: 13px; }
.payer-change .custom table .phone-area td input[type="text"] { width: 92px; }
.payer-change .custom table .phone-area td .dash { display: inline-block; width: 24px; font-size: 13px; line-height: 30px; text-align: center; vertical-align: middle; }
.payer-change .custom table .email-area td { font-size: 0; }
.payer-change .custom table .email-area td .select { width: 120px; margin-left: 12px; font-size: 13px; }
.payer-change .custom table .email-area td input[type="text"] { width: 188px; }
.payer-change .custom table .email-area td .at { display: inline-block; width: 32px; font-size: 13px; line-height: 30px; text-align: center; vertical-align: middle; }
.payer-change .custom table .password-area td input[type="text"] { width: 198px; }
.payer-change .custom table .password-area td strong { display: inline-block; font-weight: normal; font-size: 12px; line-height: 30px; vertical-align: middle; }
.payer-change .custom table .warning-area { padding: 15px 20px; background-color: #f9f9f9; }
.payer-change .wrap-btn { margin-top: 30px; text-align: center; font-size: 0; }
.payer-change .wrap-btn a { margin-left: 10px; font-size: 16px; } 
.payer-change .wrap-btn a:first-child { margin-left: 0; }

/* 가입해지 */
.cancel-member p strong { color: #997f58; font-weight: bold; font-size: 18px; }
.cancel-member ul { margin-top: 13px; }
.cancel-member ul li { margin-top: 8px; color: #909090; }
.cancel-member ul li:first-child { margin-top: 0; }
.cancel-member .custom { margin-top: 30px; }
.cancel-member .custom table td { text-align: left; }
.cancel-member .custom table td .select { width: 235px; }
.cancel-member .custom table td textarea { width: 514px; height: 112px; }
.cancel-member .custom table td input[type="text"] { width: 213px; }
.cancel-member > .btn-wrap { margin-top: 30px; text-align: center; }

/* 가입해지 팝업 */
.cancel-member .modal { width: 410px; }
.cancel-question-pop p,
.cancel-complete-pop p { font-size: 18px; text-align: center; }
.cancel-question-pop .wrap-btn,
.cancel-complete-pop .wrap-btn { margin-top: 35px; text-align: center; font-size: 0; }
.cancel-question-pop .wrap-btn a,
.cancel-complete-pop .wrap-btn a { font-size: 16px; margin-left: 10px; }
.cancel-question-pop .wrap-btn a:first-child,
.cancel-complete-pop .wrap-btn a:first-child { margin-left: 0; }

/* 자가 검침하기 */
.self-check .section { margin-top: 68px; }
.self-check .section:first-child { margin-top: 0; }
.self-check .section h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.self-check .section .tip { margin-top: 10px; color: #987f57; }
.self-check .section .btn-wrap { margin-top: 28px; text-align: center; }
.self-check .section .no { color: #333; font-size: 14px; line-height: 1.5; text-align: center; }
.self-check .section .no em { display: block; margin-bottom: 24px; color: #e70128; font-style: normal; font-weight: bold; font-size: 16px; }
.self-check .section .custom table tr > * { padding: 11px 5px 12px; }
.self-check .section .custom table td.addr { padding: 11px 20px 12px; text-align: left; }
.self-check .section .custom table td input[type="text"] { width: 70px; }

/* 자가검침 이력확인 */
.self-check-list .section p { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.self-check-list .section .paging { margin-top: 30px; }

/* 증기사용현황 */
.steam-list .section { margin-top: 30px; }
.steam-list .section:first-child { margin-top: 0; }
.steam-list .section p { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.steam-list .section .srch-wrap { position: relative; padding: 27px 30px; border-top: 2px solid #6f6f6f; background-color: #f9f9f9; }
.steam-list .section .option { overflow: hidden; margin-top: 27px; }
.steam-list .section .option:first-child { margin-top: 0; }
.steam-list .section .option h4 { float: left; width: 100px; color: #444; font-weight: bold; font-size: 14px; line-height: 30px; }
.steam-list .section .option .value { float: left; width: 480px; font-size: 0; }
.steam-list .section .option .value .corp-name { width: 236px; font-size: 13px; }
.steam-list .section .option .value .month { width: 120px; font-size: 13px; }
.steam-list .section .option .value .day { width: 85px; margin-left: 5px; font-size: 13px; }
.steam-list .section .option .value .to { display: inline-block; width: 47px; font-size: 13px; line-height: 30px; text-align: center; vertical-align: middle; }
.steam-list .section .option .value label { font-size: 13px; vertical-align: middle; }
.steam-list .section .option .value .item-radio1 { overflow: hidden; }
.steam-list .section .option .value .item-radio1 li { float: left; margin-left: 28px; padding: 7px 0; }
.steam-list .section .option .value .item-radio1 li:first-child { margin-left: 0; }
.steam-list .section .option .value .item-radio1 li label { margin-left: 7px; }
.steam-list .section .btn-srch { position: absolute; top: 84px; right: 30px; }
.steam-list .section .custom table tr > * { padding: 11px 5px 12px; }

/* 합산요금조회 */
.total-charge .section { margin-top: 30px; }
.total-charge .section:first-child { margin-top: 0; }
.total-charge .section p { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.total-charge .section .srch-wrap { overflow: hidden; position: relative; padding: 27px 30px; border-top: 2px solid #6f6f6f; background-color: #f9f9f9; }
.total-charge .section .srch-wrap .align-left { float: left; }
.total-charge .section .srch-wrap .align-left ul { overflow: hidden; }
.total-charge .section .srch-wrap .align-left ul li { float: left; margin-left: 10px; line-height: 30px; }
.total-charge .section .srch-wrap .align-left ul li:first-child { margin-left: 0;}
.total-charge .section .srch-wrap .align-left ul li em { color: #444; font-style: normal; font-weight: bold; }
.total-charge .section .srch-wrap .align-right { float: right; width: 280px; }
.total-charge .section .srch-wrap .align-right h4 { float: left; width: 60px; line-height: 30px; }
.total-charge .section .srch-wrap .align-right .value { float: left; }
.total-charge .section .srch-wrap .align-right .value .select { width: 120px; }
.total-charge .section .srch-wrap .align-right .btn-wrap { float: left; margin-left: 20px; }
.total-charge > .btn-wrap { margin-top: 24px; text-align: right; font-size: 0; }
.total-charge > .btn-wrap a { margin-left: 10px; font-size: 12px; }
.total-charge > .btn-wrap a:first-child { margin-left: 0; }
.total-charge .section .custom table tr > * { padding: 11px 10px 12px; word-break: break-all; }

/* 안전점검 SMS신청 */
.sms-subcribe .msg { letter-spacing: -3px; }
.sms-subcribe .section { margin-top: 30px; }
.sms-subcribe .section:first-child { margin-top: 0; }
.sms-subcribe .section p { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.sms-subcribe .section .custom table tr > * { padding: 11px 5px 12px; word-break: break-all; }
.sms-subcribe .section .custom table tr td.addr { text-align: left; }
.sms-subcribe .section .custom table tr td.name-area input[type="text"] { width: 70px; }
.sms-subcribe .section .custom table tr td.num-area input[type="text"] { width: 40px; }
.sms-subcribe .section .custom table tr td .select { width: 70px; text-align: left; }
.sms-subcribe .section .btn-wrap { margin-top: 30px; text-align: center; }
.sms-subcribe .section .terms { overflow-x: hidden; overflow-y: scroll; height: 140px; border: 1px solid #cfcfcf; border-top: 2px solid #6f6f6f; font-size: 12px; line-height: 1.4; }
.sms-subcribe .section .terms .inner { padding: 20px 25px; }
.sms-subcribe .section .terms .terms-list { padding:  0; }
.sms-subcribe .section .terms .terms-list > li { margin-top: 10px; }
.sms-subcribe .section .terms .terms-list > li:first-child { margin-top: 0; }
.sms-subcribe .section .terms h5 { font-weight: normal; font-size: 12px; }
.sms-subcribe .section .terms div { margin-top: 4px; padding-left: 12px; }
.sms-subcribe .section .terms div .inner-list { margin-top: 4px; }
.sms-subcribe .section .terms-check { padding: 16px 25px 16px; background-color: #f4f4f4; border: 1px solid #cfcfcf; border-top: 0; font-size: 14; vertical-align: middle; }
.sms-subcribe .section .terms-check input[type="checkbox"] { width: 13px; vertical-align: middle; }
.sms-subcribe .section .terms-check label { margin-left: 10px; color: #333; vertical-align: middle; }

/* 가스요금 경감신청 */
.reduce-req .msg { letter-spacing: -3px; }
.reduce-req .section { margin-top: 30px; }
.reduce-req .section:first-child { margin-top: 0; }
.reduce-req .section p { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.reduce-req .section h4 { margin-bottom: 18px; color: #7f5f2e; font-size: 20px; }
.reduce-req .section .custom table tr > * { padding: 11px 5px 12px; word-break: break-all; }
.reduce-req .section .custom table tr td.addr { text-align: left; }
.reduce-req .section .custom table tr td.name-area input[type="text"] { width: 70px; }
.reduce-req .section .custom table tr td.num-area input[type="text"] { width: 40px; }
.reduce-req .section .custom table tr td .select { width: 70px; text-align: left; }
.reduce-req .section .custom table tr td .input_s1 { border:1px solid #d3d3d3; height:14px; padding:2px; }
.reduce-req .section .btn-wrap { margin-top: 30px; text-align: center; }
.reduce-req .section .terms { overflow-x: hidden; overflow-y: scroll; height: 140px; border: 1px solid #cfcfcf; border-top: 0; font-size: 12px; line-height: 1.4; }
.reduce-req .section .terms .inner { padding: 20px 25px; }
.reduce-req .section .terms .terms-list { padding:  0; }
.reduce-req .section .terms .terms-list > li { margin-top: 10px; }
.reduce-req .section .terms .terms-list > li:first-child { margin-top: 0; }
.reduce-req .section .terms h5 { font-weight: normal; font-size: 12px; }
.reduce-req .section .terms div { margin-top: 4px; padding-left: 12px; }
.reduce-req .section .terms div .inner-list { margin-top: 4px; }
.reduce-req .section .terms-check { padding: 16px 25px 16px; background-color: #f4f4f4; border: 1px solid #cfcfcf; border-top: 2px solid #6f6f6f; font-size: 14; vertical-align: middle; }
.reduce-req .section .terms-check input[type="checkbox"] { width: 13px; vertical-align: middle; }
.reduce-req .section .terms-check label { margin-left: 10px; color: #333; vertical-align: middle; }
.reduce-req .section .total-check-wrap { padding: 15px 25px; border-top: 0; background-color: #ff7c00; }
.reduce-req .section .total-check-wrap label { color: #fff; font-size: 16px; cursor: pointer; }
.reduce-req .section .total-check-wrap label em { font-style: normal; font-weight: bold; }
.reduce-req .section .notice { padding: 20px 25px; background-color: #f9f9f9; color: #333; }


.btn-file { background:url(/images/sub/common/btnType.gif) no-repeat 0 0;}
.btn-file, .btn-file button { display:inline-block; overflow:visible; text-decoration:none; vertical-align :top; white-space:nowrap; background:url(/images/sub/common/btnType.gif) no-repeat 0 0;  }
.btn-file button { font-size:12px; height:20px;  border:none; cursor:pointer; }
.btn-file button span { line-height:21px;}
.btn-file .btnType0 { background-position: 100% -24px; padding: 0 22px 0 7px; }
.btn-file .btnType1 { background-position: 100% -25px; margin: 0; padding: 0 22px 0 7px; }
.btn-file .btnType2 { background-position: 100% -50px; padding: 0 22px 0 7px; }
.btn-file .btnType3 { background-position: 0 -75px; padding: 0 7px 0 18px;  }
.btn-file .btnType4 { background-position: 100% -100px; margin: 0; padding: 0 8px; }


/* 청구서 변경 */
.bill-modify .section { margin-top: 30px; }
.bill-modify .section:first-child { margin-top: 0; }
.bill-modify .section2 { margin-top: 70px; }
.bill-modify .section h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.bill-modify .section p { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.bill-modify .section .custom { position: relative; }
.bill-modify .section .custom table tr > * { text-align: left; }
.bill-modify .section .custom .description { display: none; position: absolute; top: 0; right: 0; width: 600px; height: 160px; padding: 18px 30px; background-color: #ececec; }
.bill-modify .section .custom .description li { overflow: hidden; margin-top: 23px; }
.bill-modify .section .custom .description li:first-child { margin-top: 0; }
.bill-modify .section .custom .description li .name { float: left; width: 143px; color: #444; font-weight: bold; }
.bill-modify .section .custom .description li .value { float: left; width: 457px; }
.bill-modify .section .custom .description .arrow { display: block; position: absolute; top: 195px; left: 261px; width: 12px; height: 12px; background: url(/images/sub/mypage/desc-arrow.png) no-repeat; }
.bill-modify .section .btn-wrap { margin-top: 30px; text-align: center; }

/* 청구서 변경 완료 */
.bill-modify .modal { width: 410px; }
.bill-modify-ok p { font-size: 18px; text-align: center; }
.bill-modify-ok .wrap-btn { margin-top: 35px; text-align: center; font-size: 0; }
.bill-modify-ok .wrap-btn a { font-size: 16px; margin-left: 10px; }
.bill-modify-ok .wrap-btn a:first-child { margin-left: 0; }

/* 자동이체신청조회 */
.account-transfer .section { margin-top: 30px; }
.account-transfer .section:first-child { margin-top: 0; }
.account-transfer .section2 { margin-top: 70px; }
.account-transfer .section h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.account-transfer .section p { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.account-transfer .section .custom table tr > * { padding: 11px 10px 12px; }
.account-transfer .section .btn-wrap { margin-top: 30px; text-align: center; }

/* 입금전용계좌안내 */
.account-list .section { margin-top: 30px; }
.account-list .section:first-child { margin-top: 0; }
.account-list .section2 { margin-top: 70px; }
.account-list .section h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.account-list .section p { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.account-list .section .custom table tr > * { padding: 11px 10px 12px; }
.account-list .section .btn-wrap { margin-top: 30px; text-align: center; }

/* 전출입 */
.move-out h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.move-out .tip { margin-top: 13px; }
.move-out .tip em { color: #e70128; font-style: normal; }
.move-out .btn-wrap { margin-top: 30px; font-size: 0; text-align: center; }
.move-out .btn-wrap a { font-size: 16px; }
.move-out .helper { margin-top: 16px; }

/* 전출입 신청 */
.move-apply .tip em { color: #e70128; font-style: normal; }
.move-apply .section { margin-top: 28px; }
.move-apply .section:first-child { margin-top: 0; }
.move-apply .section h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.move-apply .custom th, .move-apply .custom td { text-align: left; }
.move-apply .custom td.date-area { font-size: 0; }
.move-apply .custom td.date-area .select { width: 120px; margin-left: 9px; font-size: 13px; }
.move-apply .custom td.date-area input { width: 159px; }
.move-apply .custom td.tell-area { font-size: 0; }
.move-apply .custom td.tell-area .select { width: 120px; font-size: 13px; }
.move-apply .custom td.tell-area input { width: 98px; }
.move-apply .custom td.zip-code-area { font-size: 0; }
.move-apply .custom td.zip-code-area a { display: inline-block; margin-left: 9px; }
.move-apply .custom td.addr-area { font-size: 0; }
.move-apply .custom td.addr-area input { margin-left: 9px; }
.move-apply .custom td.addr-area input:first-child { margin-left: 0; }
.move-apply .custom td textarea { width: 573px; height: 78px; }
.move-apply .custom .dash { margin: 0 9px; font-size: 13px; vertical-align: middle; }
.move-apply .custom .tip { margin-top: 7px; color: #9e9e9e; }
.move-apply .btn-wrap { margin-top: 30px; font-size: 0; text-align: center; }
.move-apply .btn-wrap a { margin-left: 10px; font-size: 16px; }
.move-apply .btn-wrap a:first-child { margin-left: 0; }

/* 비회원 전출입 신청 */
.guset-move-apply .tip em { color: #e70128; font-style: normal; }
.guset-move-apply .section { margin-top: 60px; }
.guset-move-apply .section:first-child { margin-top: 0; }
.guset-move-apply .section h4 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.guset-move-apply .section p.gide { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.guset-move-apply .custom th, .guset-move-apply .custom td { text-align: left; }
.guset-move-apply .custom th.import { background: #f9f9f9 url(/images/sub/mypage/bullet-dot-red.png) no-repeat 10px 24px; }
.guset-move-apply .custom td.date-area { font-size: 0; }
.guset-move-apply .custom td.date-area .select { width: 120px; margin-left: 9px; font-size: 13px; }
.guset-move-apply .custom td.date-area input { width: 159px; }
.guset-move-apply .custom td.tell-area { font-size: 0; }
.guset-move-apply .custom td.tell-area .select { width: 120px; font-size: 13px; }
.guset-move-apply .custom td.tell-area input { width: 98px; }
.guset-move-apply .custom td.zip-code-area { font-size: 0; }
.guset-move-apply .custom td.zip-code-area input { width: 98px; }
.guset-move-apply .custom td.zip-code-area a { display: inline-block; margin-left: 9px; }
.guset-move-apply .custom td.addr-area { font-size: 0; }
.guset-move-apply .custom td.addr-area input { margin-left: 9px; }
.guset-move-apply .custom td.addr-area input:first-child { width: 300px; margin-left: 0; }
.guset-move-apply .custom td textarea { width: 510px; height: 78px; }
.guset-move-apply .custom .dash { margin: 0 9px; font-size: 13px; vertical-align: middle; }
.guset-move-apply .custom .tip { margin-top: 7px; color: #9e9e9e; font-size: 13px; }
.guset-move-apply .btn-wrap { margin-top: 30px; font-size: 0; text-align: center; }
.guset-move-apply .btn-wrap a { margin-left: 10px; font-size: 16px; }
.guset-move-apply .btn-wrap a:first-child { margin-left: 0; }

/* 우편번호 검색 */
.move-apply .modal { width: 620px; }
.addr-srch h5 { margin-bottom: 18px; color: #333; font-weight: bold; font-size: 16px; }
.addr-srch .example { color: #8f8f8f; }
.addr-srch .example h6 { margin-bottom: 5px; font-size: 13px; }
.addr-srch .example ul li { line-height: 1.5; }
.addr-srch .example ul li span { display: inline-block; vertical-align: top; }
.addr-srch .example ul li span.num { width: 15px; }
.addr-srch .example ul li em { font-weight: bold; font-style: normal; }
.addr-srch .srch-wrap { margin-top: 28px; font-size: 0; }
.addr-srch .srch-wrap span { margin-left: 5px; }
.addr-srch .srch-wrap .select { font-size: 13px; }
.addr-srch .srch-wrap input { width: 282px; }
.addr-srch .srch-wrap .btn { margin-left: 10px; }
.addr-srch .custom2 { overflow-x: hidden; overflow-y: scroll; min-height: 119px; max-height: 194px; margin-top: 30px; }
.addr-srch .custom2 .no-result td { padding: 30px 20px 31px; text-align: center; }
.addr-srch .custom2 .result .addr-area { text-align: left; }
.addr-srch .custom2 .result .addr-area ul li { margin-top: 7px; }
.addr-srch .custom2 .result .addr-area ul li:first-child { margin-top: 0; }
.addr-srch .custom2 .result .addr-area ul li span { display: inline-block; width: 300px; vertical-align: top; }
.addr-srch .custom2 .result .addr-area ul li span.title { width: 40px; margin-right: 6px; color: #fff; text-align: center; }
.addr-srch .custom2 .result .addr-area ul li span.before { background-color: #999;}
.addr-srch .custom2 .result .addr-area ul li span.after  { background-color: #0095f3; }
.addr-srch .paging { margin-top: 30px; }
.addr-srch .tip { margin-top: 28px; color: #8f8f8f; line-height: 1.5; }