@charset "UTF-8"; 

/* press */

.press-list .board-list { overflow: hidden; }
.press-list .board-list .view { overflow: hidden; }
.press-list .board-list .view .img { overflow: hidden; float: left; width: 413px; }
.press-list .board-list .view .img img { width: 413px; height: 290px; }
.press-list .board-list .view .desc { float: left; width: 382px; margin-left: 30px; }
.press-list .board-list .view .desc .category { display: inline-block; min-width: 50px; margin-bottom: 20px; padding: 8px 30px; background-color: #e70128; color: #fff; font-weight: bold; font-size: 16px; }
.press-list .board-list .view .desc .title { position: relative; margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px dotted #e8e8e8; vertical-align: middle; }
.press-list .board-list .view .desc .title h4 { overflow: hidden; width: 340px; color: #444; font-style: normal; font-weight: bold; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; }
.press-list .board-list .view .desc .title .date { position: absolute; top: -26px; right: 0; }
.press-list .board-list .view .desc .date { text-align: right; font-size: 12px; font-weight: normal; vertical-align: middle; }
.press-list .board-list .view .desc .content { padding-right: 20px; line-height: 1.6; }
.press-list .board-list .view .desc .btn-more { display: block; margin-top: 30px; color: #7f5f2e; font-weight: bold; text-decoration: underline; }
.press-list .board-list .list { margin-top: 50px; border-top: 2px solid #6f6f6f; }
.press-list .board-list .list .srch-wrap { padding: 20px 30px; background-color: #f9f9f9; }
.press-list .board-list .list .srch-wrap .srch { padding-bottom: 20px; border-bottom: 1px dotted #e8e8e8; font-size: 0; }
.press-list .board-list .list .srch-wrap .srch .family { margin-right: 10px; color: #444; font-weight: bold; font-size: 14px; vertical-align: middle; }
.press-list .board-list .list .srch-wrap .srch input { width: 214px; margin-left: 5px; border: 1px solid #e8e8e8; vertical-align: top; }
.press-list .board-list .list .srch-wrap .srch .select { font-size: 13px; }
.press-list .board-list .list .srch-wrap .srch .catecory {  width: 168px; }
.press-list .board-list .list .srch-wrap .srch .catecory2 { width: 120px; margin-left: 70px; }
.press-list .board-list .list .srch-wrap .srch a.btn-srch { margin-left: 5px; }
.press-list .board-list .list .srch-wrap .total { padding-top: 7px; }
.press-list .board-list .list .srch-wrap .total em { color: #ff7b00; font-style: normal; font-weight: bold; }
.press-list .board-list .list ul { padding: 30px 0; border-bottom: 1px solid #d8d8d8; }
.press-list .board-list .list ul li { margin-top: 20px; padding-top: 20px; border-top: 1px dotted #e8e8e8; }
.press-list .board-list .list ul li:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.press-list .board-list .list ul li a { display: block; overflow: hidden; }
.press-list .board-list .list ul li a .desc { float: left; width: 583px; padding-top: 8px; }
.press-list .board-list .list ul li a .desc span { display: block; }
.press-list .board-list .list ul li a .desc .subject { overflow: hidden; margin-bottom: 14px; color: #444; font-weight: bold; font-size: 16px; }
.press-list .board-list .list ul li a .desc .subject em { margin-right: 8px; padding: 1px 10px 3px; color: #fff; background-color: #e70128; font-style: normal; font-size: 13px; }
.press-list .board-list .list ul li a .desc .text { overflow: hidden; height: 59px; line-height: 1.5; }
.press-list .board-list .list ul li a .desc .date { margin-top: 25px; text-align: right; }
.press-list .board-list .list ul li a .thumb { overflow: hidden; float: left; width: 199px; margin-right: 43px; }
.press-list .board-list .list ul li a .thumb img { width: 199px; height: 140px; }
.press-list .board-list .list ul li.empty { padding: 100px 0 146px; text-align: center; }
.press-list .board-list .paging { margin-top: 30px; }

/* 공지사항 */
.notice-list .board-wrap { border-top: 2px solid #6f6f6f; }
.notice-list .board-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; font-size: 0; }
.notice-list .board-wrap .srch-wrap .select label { text-align: left; }
.notice-list .board-wrap .srch-wrap .catecory { width: 120px; font-size: 13px; }
.notice-list .board-wrap .srch-wrap .srch span:first-child { margin-right: 15px; color: #444; font-weight: bold; font-size: 14px; vertical-align: middle; }
.notice-list .board-wrap .srch-wrap .srch input { width: 258px;margin-left: 5px; border: 1px solid #e8e8e8; }
.notice-list .board-wrap .srch-wrap .srch a.btn-srch { margin-left: 7px; }
.notice-list .board-list { overflow: hidden; margin-top: 30px; }
.notice-list .board-list .custom { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.notice-list .board-list th { padding: 6px 0 7px; background-color: #f9f9f9; }
.notice-list .board-list th label { text-align: left; font-weight: normal; }
.notice-list .board-list tbody tr { border-top: 1px dotted  #e8e8e8; }
.notice-list .board-list tbody tr:first-child { border-top: 0; }
.notice-list .board-list .custom td { padding: 11px 30px 12px; }
.notice-list .board-list .custom .num { padding-right: 0; padding-left: 0; text-align: center; }
.notice-list .board-list .custom .subject { text-align: left; }
.notice-list .board-list .custom .subject a { display: block; overflow: hidden; width: 468px; white-space: nowrap; text-overflow: ellipsis; }
.notice-list .board-list .custom .download-file { text-align: center; }
.notice-list .board-list .custom .download-file span { display: inline-block; padding-right: 23px; background: url(/images/sub/common/download-file-icon.jpg) no-repeat right 2px; }
.notice-list .board-list .custom2 td { padding: 11px 5px 12px; }
.notice-list .board-list .custom2 .num { padding-right: 0; padding-left: 0; text-align: center; }
.notice-list .board-list .custom2 .subject { text-align: left; }
.notice-list .board-list .custom2 .subject a { display: block; overflow: hidden; width: 468px; white-space: nowrap; text-overflow: ellipsis; }
.notice-list .board-list .custom2 .download-file { text-align: center; }
.notice-list .board-list .custom2 .download-file span { display: inline-block; padding-right: 23px; background: url(/images/sub/common/download-file-icon.jpg) no-repeat right 2px; }
.notice-list .paging { margin-top: 30px; }

/* 양식함 */
.download-list .heading-group { margin-bottom: 0; border-bottom: 0; background: url(/images/sub/common/heading-bg-service.png) no-repeat; }
.download-list .board-wrap { border-top: 2px solid #6f6f6f; }
.download-list .board-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; }
.download-list .board-wrap .srch-wrap .select label { text-align: left; }
.download-list .board-wrap .srch-wrap .srch span:first-child { margin-right: 10px; color: #444; font-weight: bold; font-size: 14px; }
.download-list .board-wrap .srch-wrap .srch input { width: 258px; padding: 5px 5px 6px; border: 1px solid #e8e8e8; }
.download-list .board-list { overflow: hidden; margin-top: 30px; }
.download-list .board-list .custom { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.download-list .board-list th { padding: 6px 0 7px; background-color: #f9f9f9; }
.download-list .board-list th label { text-align: left; font-weight: normal; }
.download-list .board-list tbody tr { border-top: 1px dotted  #e8e8e8; }
.download-list .board-list tbody tr:first-child { border-top: 0; }
.download-list .board-list .custom td { padding: 11px 30px 12px; }
.download-list .board-list .custom .num { padding-right: 0; padding-left: 0; text-align: center; }
.download-list .board-list .custom .subject { text-align: left; }
.download-list .board-list .custom .subject a { display: block; overflow: hidden; width: 468px; white-space: nowrap; text-overflow: ellipsis; }
.download-list .board-list .custom .download-file { text-align: center; }
.download-list .board-list .custom .download-file span { display: inline-block; padding-right: 23px; background: url(/images/sub/common/download-file-icon.jpg) no-repeat right 2px; }
.download-list .paging { margin-top: 30px; }

/* 환경정보 */
.envdata-list .heading-group { margin-bottom: 0; border-bottom: 0; background: url(/images/sub/common/heading-bg-service.png) no-repeat; }
.envdata-list .board-wrap { border-top: 2px solid #6f6f6f; }
.envdata-list .board-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; }
.envdata-list .board-wrap .srch-wrap .select label { text-align: left; }
.envdata-list .board-wrap .srch-wrap .srch span:first-child { margin-right: 10px; color: #444; font-weight: bold; font-size: 14px; }
.envdata-list .board-wrap .srch-wrap .srch input { width: 258px; padding: 5px 5px 6px; border: 1px solid #e8e8e8; }
.envdata-list .board-list { overflow: hidden; margin-top: 30px; }
.envdata-list .board-list .custom { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.envdata-list .board-list th { padding: 6px 0 7px; background-color: #f9f9f9; }
.envdata-list .board-list th label { text-align: left; font-weight: normal; }
.envdata-list .board-list tbody tr { border-top: 1px dotted  #e8e8e8; }
.envdata-list .board-list tbody tr:first-child { border-top: 0; }
.envdata-list .board-list .custom td { padding: 11px 15px 12px; }
.envdata-list .board-list .custom .num { padding-right: 0; padding-left: 0; text-align: center; }
.envdata-list .board-list .custom .subject { text-align: left; }
.envdata-list .board-list .custom .subject a { display: block; overflow: hidden; width: 468px; white-space: nowrap; text-overflow: ellipsis; }
.envdata-list .board-list .custom .download-file { text-align: center; }
.envdata-list .board-list .custom .download-file span { display: inline-block; padding-right: 23px; background: url(/images/sub/common/download-file-icon.jpg) no-repeat right 2px; }
.envdata-list .paging { margin-top: 30px; }

/* 홍보영상 */
.video-list .board-wrap .board-list { padding-bottom: 60px; border-bottom: 1px solid #e8e8e8; }
.video-list .board-wrap .board-list .section { margin-top: 40px; }
.video-list .board-wrap .board-list .section:first-child { margin-top: 0; }
.video-list .board-wrap .board-list .section .list { width: 100%; }
.video-list .board-wrap .board-list .section .item { float: left; position: relative; width: 258px; margin-left: 25px; }
.video-list .board-wrap .board-list .section .item:first-child { margin-left: 0; }
.video-list .board-wrap .board-list .section .item a { display: block; }
.video-list .board-wrap .board-list .section .item a span { display: block; text-align: center; }
.video-list .board-wrap .board-list .section .item a .img { position: relative; border: 1px solid #e8e8e8; }
.video-list .board-wrap .board-list .section .item a .img img { width: 256px; height: 205px; }
.video-list .board-wrap .board-list .section .item a .desc { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/common/bg_000_6.png) repeat 0 0; text-align: center; }
.video-list .board-wrap .board-list .section .item a .desc .more { margin-top: 88px; padding-top: 52px; background: url(/images/sub/common/icon-more.png) no-repeat center 0; }
.video-list .board-wrap .board-list .section .item:hover .desc { display: block; color: #dcd8d4; }
.video-list .board-wrap .board-list .section .item a .subject { overflow: hidden; margin-top: 20px; color: #444; font-weight: bold; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }
.video-list .board-wrap .board-list .section .item .focus { display: none; position: absolute; top: 216px; left: 50%; margin-left: -11px; }
.video-list .board-wrap .board-list .section.active .list a .subject { display: none; }
.video-list .board-wrap .board-list .section .list .item.active .focus { display: block; }
.video-list .board-wrap .board-list .section .content { display: none; overflow: hidden; position: relative; margin-top: 20px; padding: 34px; background-color: #e5e5e5; }
.video-list .board-wrap .board-list .section .content .play { float: left; width: 461px; }
.video-list .board-wrap .board-list .section .content .play-text { float: left; width: 261px; margin-left: 35px; padding-top: 36px; }
.video-list .board-wrap .board-list .section .content .play-text h4 { color: #333; font-weight: bold; font-size: 14px; word-break: break-all; }
.video-list .board-wrap .board-list .section .content .play-text p { padding-top: 15px; word-break: break-all; }
.video-list .board-wrap .board-list .section .content .play-text .caption { overflow-x: hidden; overflow-y: scroll; width: 223px; height: 101px; margin-top: 30px; padding: 17px; background-color: #fff; font-size: 12px; word-break: break-all; }
.video-list .board-wrap .board-list .section .content .play-text .date { margin-top: 25px; }
.video-list .board-wrap .board-list .section .content .btn-close { display: block; position: absolute; top: 30px; right: 30px; }
.video-list .board-wrap .board-list .empty { padding: 120px 0 150px; text-align: center; }
.video-list .paging { margin-top: 30px; }

/* 요금안내 */
.fare-guide .tip { margin-bottom: 55px; padding: 20px 30px; background-color: #f9f9f9; }
.fare-guide .tip .import { padding-bottom: 16px; border-bottom: 1px dotted #e8e8e8; }
.fare-guide .tip .import span { padding: 7px 10px 7px 28px; background: #987f57 url(/images/sub/service/icon-date.png) no-repeat 10px 9px; color: #fff; font-weight: bold; font-size: 14px; }
.fare-guide .tip .import em { margin-left: 10px; color: #ea3251; font-weight: bold; font-style: normal; font-size: 16px; }
.fare-guide .tip .import p {position:absolute; right:0; top:15px;}
.fare-guide .tip p { padding-top: 7px; line-height: 1.6; }
.fare-guide .tip .import2 { border-bottom: 1px dotted #e8e8e8; }
.fare-guide .tip .import2 span { padding: 5px 10px 5px 28px; background: #987f57 url(/images/sub/service/icon-date.png) no-repeat 10px 9px; color: #fff; font-weight: bold; font-size: 14px; }
.fare-guide .tip .import2 em { margin-left: 10px; color: #ea3251; font-weight: bold; font-style: normal; font-size: 16px; }
.fare-guide .tab-head { overflow: hidden; }
.fare-guide .tab-head .btn-wrap { float: left; }
.fare-guide .tab { overflow: hidden; float: left; margin-left: 20px; padding: 4px;}
.fare-guide .tab2 { overflow: hidden; float: left; margin-left: 30px; }
.fare-guide .tab li { float: left; margin-left: 10px; padding-left: 10px; background: url(/images/sub/service/tab-bar.png) no-repeat 0 2px; }
.fare-guide .tab li:first-child { margin-left: 0; padding-left: 0; background: none; }
.fare-guide .tab li a { color: #696969; font-size: 14px; }
.fare-guide .tab li.active a { color: #e70128; }
.fare-guide .tab li a .blind {
    display: none;
}
.fare-guide .tab-content > div { display: none; }
.fare-guide .tab-content > div.active { display: block; }
.fare-guide .tab-content .comment { margin-top: 10px; }
.fare-guide .tab-content .comment p { line-height: 1.6; }
.fare-guide .tab-content .comment p span { font-weight: bold; }
.fare-guide .heading { overflow: hidden; margin-bottom: 9px; }
.fare-guide .heading p { float: right; font-size: 14px; }
.fare-guide .custom { margin-top: 15px; }
.fare-guide .paging { margin-top: 30px; }
.fare-guide .section-wrap { margin-top: 58px; }
.fare-guide .section { margin-top: 26px; padding-top: 46px; border-top: 1px dotted #e8e8e8; }
.fare-guide .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.fare-guide .section h4 { margin-bottom: 20px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.fare-guide .section h5 { margin-bottom: 12px; color: #444; font-weight: bold; font-size: 18px; }
.fare-guide .section p { line-height: 1.5; }
.fare-guide .section p em { color: #e70128; font-style: normal; }
.fare-guide .section p.import { font-weight: bold; }
.fare-guide .section ul { margin-top: 10px; }
.fare-guide .section ul li { line-height: 1.5; }

.fare-guide .download-list {
    padding : 0px 30px; 
    float:right;
    text-align: right;
}
.fare-guide .download-list a {
    min-width: 0;
    padding: 10px 18px 10px 40px;
    background-image: url(https://www.skens.com/images/sub/common/icon-download.png);
    background-repeat: no-repeat;
    background-position: 10px 12px;
    vertical-align: middle;
}

/* 고지 및 납부 */
.notice-payment .heading-group { margin-bottom: 0; border-bottom: 0; }
.notice-payment .tab-content { margin-top: 40px; }
.notice-payment .tab-content .content { display: none; }
.notice-payment .tab-content .section { padding: 28px 0; border-top: 1px dotted #e8e8e8; }
.notice-payment .tab-content .section:first-child { padding-top: 0; border-top: 0; }
.notice-payment .tab-content .section h4 { margin-bottom: 17px; color: #7f5f2e; font-size: 21px; }
.notice-payment .tab-content .section h5 { margin-bottom: 10px; font-weight: bold; font-size: 15px; }
.notice-payment .tab-content .section .title { display: block; margin-bottom: 5px; color: #444; font-weight: bold; font-size: 16px; }
.notice-payment .tab-content .section p { color: #444; line-height: 1.6; font-size: 14px; }
.notice-payment .tab-content .section p.paragraph { margin-top: 15px; }
.notice-payment .tab-content .section p em { font-weight: bold; font-style: normal; }
.notice-payment .tab-content .section ul li { line-height: 1.5; }
.notice-payment .tab-content .section ul li span { display: inline-block; width: 98%; vertical-align: top; }
.notice-payment .tab-content .section ul li span.num { width: 15px; }
.notice-payment .tab-content .section ul li em.tell { color: #e70128; font-style: normal; }
.notice-payment .tab-content .section .btn-wrap { text-align: center; }
.notice-payment .tab-content .section .btn-wrap.left { margin-top: 26px; text-align: left; }
.notice-payment .tab-content .section .giro { margin-top: 30px; border: 1px solid #e8e8e8; padding: 14px;  }
.notice-payment .tab-content .section .giro ul { float: right; padding-top: 75px; }
.notice-payment .tab-content .section .giro ul li { padding-left: 15px; background: url(/images/sub/service/service-list-dot.png) no-repeat 0 7px; }
.notice-payment .tab-content .section .group { margin-top: 30px; color: #444; }
.notice-payment .tab-content .section .group h5 { margin-bottom: 10px; font-weight: bold; font-size: 16px; }
.notice-payment .tab-content .section .group > p,
.notice-payment .tab-content .section .group > ul { padding-left: 10px; font-size: 14px; }

/* 검침안내 */
.meter-guide .guide-wrap .section { padding: 47px 0; border-top: 1px dotted #e8e8e8; }
.meter-guide .guide-wrap .section:first-child { padding-top: 0; border-top: 0; }
.meter-guide .guide-wrap .section h4 { margin-bottom: 17px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.meter-guide .guide-wrap .section ul.date li { font-size: 14px; line-height: 1.5; }
.meter-guide .guide-wrap .section ul.date li span { display: inline-block; width: 92%; vertical-align: top; }
.meter-guide .guide-wrap .section ul.date li span.title { width: 55px; }
.meter-guide .guide-wrap .section ul li { font-size: 14px; line-height: 1.5; }
.meter-guide .guide-wrap .section ul li span { display: inline-block; width: 98%; vertical-align: top; }
.meter-guide .guide-wrap .section ul li span.num { width: 15px; }
.meter-guide .guide-wrap .section .tip { margin-top: 23px; }
.meter-guide .guide-wrap .section .tip h5 { margin-bottom: 14px; color: #444; font-weight: normal; font-size: 16px; }
.meter-guide .guide-wrap .section .tip p { margin-bottom: 29px; font-size: 14px; }

/* 세금계산서신청 */
.tax-invoice .heading-group { margin-bottom: 0; border-bottom: 0; }
.tax-invoice .tab-content { margin-top: 40px; }
.tax-invoice .tab-content .content { display: none; }
.tax-invoice .login-area a.btn-login { margin-left: 10px; }
.tax-invoice .section-wrap { margin-top: 50px; }
.tax-invoice .comment { line-height: 1.5; font-size: 14px; }
.tax-invoice .section { margin-top: 74px; }
.tax-invoice .section:first-child { margin-top: 0; }
.tax-invoice .section h4 { color: #333; font-size: 16px; }
.tax-invoice .section .heading { overflow: hidden; margin-bottom: 11px; }
.tax-invoice .section .heading p { margin-top: 7px; font-size: 14px; }
.tax-invoice .section .heading .btn-wrap { float: right; font-size: 0; }
.tax-invoice .section .heading .btn-wrap a { margin-left: 10px; }
.tax-invoice .section .heading .btn-wrap a:first-child { margin-left: 0; }
.tax-invoice .section .custom1 tbody th { padding: 17px 20px 18px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.tax-invoice .section .custom1 tbody th.mark { background: #f9f9f9 url(/images/sub/service/qna-dot.png) no-repeat 20px 23px; }
.tax-invoice .section .custom1 tbody td { font-size: 0; text-align: left; }
.tax-invoice .section .custom1 tbody td input { width: 188px; }
.tax-invoice .section .custom1 tbody td.tell input { width: 98px; }
.tax-invoice .section .custom1 tbody td.addr .addr-num input { width: 98px; margin-right: 10px; }
.tax-invoice .section .custom1 tbody td.addr .addr-text { margin-top: 10px; }
.tax-invoice .section .custom1 tbody td.addr .addr-text .addr-detail { width: 340px; margin-left: 10px; }
.tax-invoice .section .custom1 tbody td .select { width: 120px; font-size: 13px; }
.tax-invoice .section .custom1 tbody td.e-mail .select { margin-left: 10px; }
.tax-invoice .section .custom1 tbody td .dash { margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }
.tax-invoice .section .custom1 tbody td .at { margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }
.tax-invoice .section .custom2 tbody th { padding: 17px 20px 18px 35px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.tax-invoice .section .custom2 tbody th.mark { background: #f9f9f9 url(/images/sub/service/qna-dot.png) no-repeat 20px 23px; }
.tax-invoice .section .custom2 tbody td { text-align: left; vertical-align: top; }
.tax-invoice .section .custom2 tbody td input { width: 188px; }
.tax-invoice .section .custom2 tbody td input .input_s1 { border:1px solid #d3d3d3; height:14px; padding:2px; }
.tax-invoice .section .custom2 tbody td.addr input { width: 599px; }
.tax-invoice .section .warning { display: none; margin-top: 10px; color: #e70128; line-height: 1.5; }

.tax-invoice .section .tip2 { margin-top: 25px; color:#e70128;}

.tax-invoice .section .pass-wrap { margin-top: 50px; padding: 28px 40px; background-color: #f9f9f9; }
.tax-invoice .section .pass-wrap .inner { overflow: hidden; margin-top: 24px; }
.tax-invoice .section .pass-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.tax-invoice .section .pass-wrap .inner .group:first-child { margin-left: 0; }
.tax-invoice .section .pass-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.tax-invoice .section .pass-wrap .inner .group input { width: 219px; }
.tax-invoice .section .pass-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.tax-invoice .section .pass-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.tax-invoice .section .pass-wrap .btn-wrap a:first-child { margin-left: 0; }
.tax-invoice .section .tip { margin-top: 13px; color: #7f5f2e; }
.tax-invoice .msg { margin-bottom: 0; border-bottom: 0; }
.tax-invoice .section .licensee-wrap { padding: 28px 40px; border-top: 2px solid #6f6f6f; background-color: #f9f9f9; }
.tax-invoice .section .licensee-wrap .inner { overflow: hidden; margin-top: 24px; }
.tax-invoice .section .licensee-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.tax-invoice .section .licensee-wrap .inner .group:first-child { margin-left: 0; }
.tax-invoice .section .licensee-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.tax-invoice .section .licensee-wrap .inner .group input { width: 219px; }
.tax-invoice .section .licensee-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.tax-invoice .section .licensee-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.tax-invoice .section .licensee-wrap .btn-wrap a:first-child { margin-left: 0; }
.tax-invoice .board-list .custom tbody tr td.subject { text-align: left; }
.tax-invoice .board-list .custom tbody tr td a { display: block; overflow: hidden; width: 372px; white-space: nowrap; text-overflow: ellipsis; }
.tax-invoice .board-list .paging { margin-top: 30px; }


/* 공급검토의뢰 */
.supply-invoice .heading-group { margin-bottom: 0; border-bottom: 0; }
.supply-invoice .tab-content { margin-top: 40px; }
.supply-invoice .tab-content .content { display: none; }
.supply-invoice .login-area a.btn-login { margin-left: 10px; }
.supply-invoice .section-wrap { margin-top: 50px; }
.supply-invoice .comment { line-height: 1.5; font-size: 14px; }
.supply-invoice .section { margin-top: 74px; }
.supply-invoice .section:first-child { margin-top: 0; }
.supply-invoice .section h4 { color: #333; font-size: 16px; }
.supply-invoice .section .heading { overflow: hidden; margin-bottom: 11px; }
.supply-invoice .section .heading p { margin-top: 7px; font-size: 14px; }
.supply-invoice .section .heading .btn-wrap { float: right; font-size: 0; }
.supply-invoice .section .heading .btn-wrap a { margin-left: 10px; }
.supply-invoice .section .heading .btn-wrap a:first-child { margin-left: 0; }
.supply-invoice .section .custom1 tbody th { padding: 17px 20px 18px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.supply-invoice .section .custom1 tbody th.mark { background: #f9f9f9 url(/images/sub/service/qna-dot.png) no-repeat 20px 23px; }
.supply-invoice .section .custom1 tbody td { font-size: 14px; text-align: left; }
.supply-invoice .section .custom1 tbody td input { width: 188px; }
.supply-invoice .section .custom1 tbody td.tell input { width: 98px; }
.supply-invoice .section .custom1 tbody td.addr .addr-num input { width: 98px; margin-right: 10px; }
.supply-invoice .section .custom1 tbody td.addr .addr-text { margin-top: 10px; }
.supply-invoice .section .custom1 tbody td.addr .addr-text .addr-detail { width: 340px; margin-left: 10px; }
.supply-invoice .section .custom1 tbody td .select { width: 120px; font-size: 13px; }
.supply-invoice .section .custom1 tbody td.e-mail .select { margin-left: 10px; }
.supply-invoice .section .custom1 tbody td .dash { margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }
.supply-invoice .section .custom1 tbody td .at { margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }
.supply-invoice .section .custom2 tbody th { padding: 17px 20px 18px 35px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.supply-invoice .section .custom2 tbody th.mark { background: #f9f9f9 url(/images/sub/service/qna-dot.png) no-repeat 20px 23px; }
.supply-invoice .section .custom2 tbody td { text-align: left; vertical-align: top; }
.supply-invoice .section .custom2 tbody td input { width: 188px; }
.supply-invoice .section .custom2 tbody td input .input_s1 { border:1px solid #d3d3d3; height:14px; padding:2px; }
.supply-invoice .section .custom2 tbody td.addr input { width: 599px; }

.supply-invoice .section .warning { display: none; margin-top: 10px; color: #e70128; line-height: 1.5; }
.supply-invoice .section .pass-wrap { margin-top: 50px; padding: 28px 40px; background-color: #f9f9f9; }
.supply-invoice .section .pass-wrap .inner { overflow: hidden; margin-top: 24px; }
.supply-invoice .section .pass-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.supply-invoice .section .pass-wrap .inner .group:first-child { margin-left: 0; }
.supply-invoice .section .pass-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.supply-invoice .section .pass-wrap .inner .group input { width: 219px; }
.supply-invoice .section .pass-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.supply-invoice .section .pass-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.supply-invoice .section .pass-wrap .btn-wrap a:first-child { margin-left: 0; }
.supply-invoice .section .tip { margin-top: 13px; color: #7f5f2e; }
.supply-invoice .msg { margin-bottom: 0; border-bottom: 0; }
.supply-invoice .section .licensee-wrap { padding: 28px 40px; border-top: 2px solid #6f6f6f; background-color: #f9f9f9; }
.supply-invoice .section .licensee-wrap .inner { overflow: hidden; margin-top: 24px; }
.supply-invoice .section .licensee-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.supply-invoice .section .licensee-wrap .inner .group:first-child { margin-left: 0; }
.supply-invoice .section .licensee-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.supply-invoice .section .licensee-wrap .inner .group input { width: 219px; }
.supply-invoice .section .licensee-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.supply-invoice .section .licensee-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.supply-invoice .section .licensee-wrap .btn-wrap a:first-child { margin-left: 0; }
.supply-invoice .board-list .custom tbody tr td.subject { text-align: left; }
.supply-invoice .board-list .custom tbody tr td a { display: block; overflow: hidden; width: 372px; white-space: nowrap; text-overflow: ellipsis; }
.supply-invoice .board-list .paging { margin-top: 30px; }

.supply-invoice .section p { color: #444; line-height: 2; font-size: 14px; margin-bottom: 20px;}
.supply-invoice .section p.paragraph { margin-top: 15px; }
.supply-invoice .section p em { font-weight: bold; font-style: normal; }

.supply-invoice .section .table.custom { line-height: 1.8;}
.supply-invoice .section li { list-style: none !important;padding: 2px 0 2px 16px; }
.supply-invoice .section .terms-check {margin-top: 15px;text-align: center;}
.supply-invoice .section .confirm_area {
    margin-top: 10px;
    float: left;
    font-size: 13px;
}
.supply-invoice .section #confirmStatus {
    line-height: 30px;
    height: 30px;
    padding: 8px 3px;
    float: left;
    font-size:13px;
    color: #e70128;
}


/* 20220622 공급검토의뢰 내용 추가 */
.supply-invoice .tab-content .section > h4 { margin-bottom: 17px; color: #7f5f2e; font-size: 21px; }
.supply-invoice .tab-content .section > h4 > span { font-size: 17px; font-weight: normal; }
.supply-invoice .tab-content .section.guide > ul { margin-bottom: 10px; }
.supply-invoice .tab-content .section.guide > ul li { font-size: 15px; line-height: 28px; position: relative; }
.supply-invoice .tab-content .section.guide > ul li:before { 
    content: '';
    display: block; 
    width: 4px;
    height: 4px;
    background: #7f7f7f;
    position: absolute;
    left: 5px;
    top: 14px; 
}
.supply-invoice .tab-content .section.guide > ul li a.sbtn { padding: 5px 10px; font-size: 14px; font-weight: bold; background: #909090; color: #fff; margin-left: 10px;}
.supply-invoice .tab-content .section.guide .flow { margin-top: 20px; padding-top: 15px; display: table; width: 100%; }
.supply-invoice .tab-content .section.guide .flow > div { display: table-cell; width: 25%; height: 90px; vertical-align: middle; }
.supply-invoice .tab-content .section.guide .flow > div.arrowbox { width: 6.66%; }
.supply-invoice .tab-content .section.guide .flow > div.arrowbox > div { float: left; }
.supply-invoice .tab-content .section.guide .flow > div.box { width: 20%; border: 1px solid #c8c8c8; font-size: 14px; text-align: center; position: relative; line-height: 20px; }
.supply-invoice .tab-content .section.guide .flow > div.box.tit { width: 20%; border: 1px solid #c8c8c8; font-size: 14px; text-align: center; position: relative; line-height: 20px; }
.supply-invoice .tab-content .section.guide .flow > div.box.tit span { display: block; background: #7f5f2e; line-height: 30px; color: #fff; width: 90%; position: absolute; top: -15px; border-radius: 15px; left: 50%; margin-left: -45%; }
/* 20220622 공급검토의뢰 내용 추가 끝 */

/* 20210817 추가 */
.supply-invoice .section .custom3 {line-height: 1.8;}
.supply-invoice .section .custom3 tbody th { padding: 17px 20px 18px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.supply-invoice .section .custom3 tbody th:first-child { padding: 17px 10px 18px; text-align: center; }
.supply-invoice .section .custom3 tbody td { padding: 17px 20px 18px; text-align: left; vertical-align: top; }
.supply-invoice .section .custom3 tbody td.arrowArea { padding: 10px 20px 10px;  }
.arrow_line { width: 8px; background: #e70127; margin-left: 6px;}
.arrow_line.line1 { height: 220px; }
.arrow_line.line2 { height: 220px; }
.arrow {
    height: 0;
    width: 0;
    position: relative;
    border: 10px solid transparent;
}
.arrow-up {
    border-top-width: 0;
    border-bottom-color: #e70127;
}
.arrow-down {
    border-bottom-width: 0;
    border-top-color: #e70127;
}
/* 20220624 추가 */
.arrow-right {
    border-right-width: 0;
    border-left-color: #e70127;
}
.arrow_line_w { width: 40px; height:8px;  background: #e70127; margin-top: 5px;}
/* 20220624 추가 E */

.supply-invoice .section .custom3 tbody .year { padding: 0px; text-align: left; vertical-align: middle; border-left: none; font-weight: bold; }

/* 공급검토의뢰 신청확인 List */
.supply-list .total { margin-bottom: 17px; color: #333; font-weight: bold; font-size: 16px; }
.supply-list .total em { font-style: normal; }
.supply-list .custom .subject { overflow: hidden; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.supply-list .custom .active { color: #e70128; font-weight: bold; }
.supply-list .paging { margin-top: 30px; }

/* 공급검토의뢰 신청확인 View */
.supply-view .board-view .bottom .align-left { color: #333; font-size: 14px; line-height: 30px; }

/* 가스안전 사용요령 */
.safety-use .safety-wrap .tab-content { margin-top: 43px; }
.safety-use .safety-wrap .section { display: none; }
.safety-use .safety-wrap .section h4 { margin-bottom: 27px; color: #7f5f2e; font-size: 21px; }
.safety-use .list-wrap .list { overflow: hidden; padding: 33px 0; border-top: 1px dotted #e8e8e8; }
.safety-use .list-wrap .list .img-area { float: left; width: 282px; }
.safety-use .list-wrap .list .text-area { float: left; width: 503px; margin-left: 40px; }
.safety-use .list-wrap .list h5 { margin-bottom: 20px; font-size: 16px; }
.safety-use .list-wrap .list p { font-size: 14px; line-height: 1.5; }

/* 가스안전 점검요령 */
.safety-check .check-wrap .tab-content { margin-top: 43px; }
.safety-check .tab-content > div { display: none; }
.safety-check .tab-content > div h4 { margin-bottom: 27px; color: #7f5f2e; font-size: 21px; }
.safety-check .list-wrap .list { overflow: hidden; padding: 33px 0; border-top: 1px dotted #e8e8e8; }
.safety-check .section1 .list-wrap .list ul { margin-left: 24px; }
.safety-check .section2 .list-wrap .list { padding-left: 212px; min-height: 125px; }
.safety-check .section2 .list-wrap .item1 { background: url(/images/sub/service/safety-check-img1.png) no-repeat 0 33px; }
.safety-check .section2 .list-wrap .item2 { background: url(/images/sub/service/safety-check-img2.png) no-repeat 0 33px; }
.safety-check .section2 .list-wrap .item3 { background: url(/images/sub/service/safety-check-img3.png) no-repeat 0 33px; }
.safety-check .section2 .list-wrap .item4 { background: url(/images/sub/service/safety-check-img4.png) no-repeat 0 33px; }
.safety-check .section2 .list-wrap .item5 { background: url(/images/sub/service/safety-check-img5.png) no-repeat 0 33px; }
.safety-check .list-wrap .list ul li { padding-left: 15px; background: url(/images/sub/service/service-list-dot.png) no-repeat 0 9px; color: #454545; font-size: 14px; line-height: 1.6;  letter-spacing: -1px; }
.safety-check .list-wrap .list ul li em { font-weight: bold; font-style: normal; }
.safety-check .list-wrap .list h5 { margin-bottom: 20px; font-size: 16px; }
.safety-check .list-wrap .list p { font-size: 14px; line-height: 1.5; }
.safety-check .section1 .tip { margin-top: 28px; padding: 31px; border: 1px solid #e8e8e8; color: #454545; font-weight: bold; font-size: 14px; text-align: center; line-height: 1.6; }

/* 이사날 체크포인트 */
.check-point h4 { margin-bottom: 27px; color: #7f5f2e; font-size: 21px; }
.check-point h5 { font-size: 16px; }
.check-point p { color: #444; font-size: 14px; }
.check-point .list-wrap .list { overflow: hidden; margin-top: 33px; padding: 33px 0 0 212px; min-height: 125px; border-top: 1px dotted #e8e8e8; }
.check-point .list-wrap .list:first-child { margin-top: 0; }
.check-point .list-wrap .item1 { background: url(/images/sub/service/check-point-img1.png) no-repeat 0 33px; }
.check-point .list-wrap .item2 { background: url(/images/sub/service/check-point-img2.png) no-repeat 0 33px; }
.check-point .list-wrap .list > p { font-weight: bold; letter-spacing: -1px; line-height: 1.6; }
.check-point .list-wrap .list h5 { margin-bottom: 18px; }
.check-point .list-wrap .list ul li { font-size: 14px; line-height: 1.6; }
.check-point .list-wrap .list ul li span { display: inline-block; width: 97%; vertical-align: top; }
.check-point .list-wrap .list ul li .tell { color: #d90033; font-style: normal; font-weight: bold; }
.check-point .list-wrap .list ul.type1 li span.num { width: 15px; }
.check-point .list-wrap .list ul.type2 li { padding-left: 14px; background: url(/images/sub/service/service-list-dot.png) no-repeat 0 9px; }
.check-point .list-wrap .list ul.type2 li .tip { color: #7f5f2e; }
.check-point .charge-wrap { margin-top: 58px; }
.check-point .heading p { float: right; font-size: 14px; }
.check-point .custom { margin-top: 19px; }
.check-point .custom tbody th,
.check-point .custom tbody td { padding: 11px 15px 12px; text-align: left; }
.check-point .custom tbody td.center{ padding: 11px 15px 12px; text-align: center; }
.check-point .helper { margin-top: 30px; letter-spacing: -1px; }
.check-point .btn-wrap { margin-top: 30px; }

/* faq */
.faq .heading-group { margin-bottom: 0; border-bottom: 0; background: url(../images/common/heading-bg-service.png) no-repeat; }
.faq .board-wrap { border-top: 2px solid #6f6f6f; }
.faq .board-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; }
.faq .board-wrap .srch-wrap .select label { text-align: left; }
.faq .board-wrap .srch-wrap .srch span:first-child { margin-right: 10px; color: #444; font-weight: bold; font-size: 14px; }
.faq .board-wrap .srch-wrap .srch input { width: 258px; padding: 5px 5px 6px; border: 1px solid #e8e8e8; }
.faq .board-list { overflow: hidden; margin-top: 30px; }
.faq .board-list table { width: 823px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.faq .board-list th { padding: 6px 0 7px; background-color: #f9f9f9; }
.faq .board-list th .select label { text-align: left; font-weight: normal; }
.faq .board-list tbody tr { border-top: 1px dotted  #e8e8e8; }
.faq .board-list tr td { padding: 11px 30px 12px; vertical-align: top; z-index: 100; }
.faq .board-list tr td.num { padding-right: 0; padding-left: 0; text-align: center; }
.faq .board-list tr td.gubun { padding-right: 0; padding-left: 0; text-align: center; }
.faq .board-list tr td.count { padding-right: 0; padding-left: 0; text-align: center; }
.faq .board-list tr td.subject { padding-top: 0; padding-bottom: 0; }
.faq .board-list tr td.subject a { display: block; overflow: hidden; z-index: 300; width: 81%; padding: 11px 0 12px; background: url(../images/service/faq-arrow-spread.png) no-repeat right 7px; }
.faq .board-list tr td.subject a span { display: inline-block; overflow: hidden; float: left; padding-left: 25px; background: url(../images/service/faq-question.png) no-repeat 0 4px; line-height: 1.5; }
.faq .board-list tr td.subject .answer { display: none; overflow: hidden; position: relative; left: -235px; z-index: 200; width: 821px; }
.faq .board-list tr td.subject .answer .fence { overflow: hidden; }
.faq .board-list tr td.subject .answer .title { position: absolute; top: 1px; bottom: 1px; width: 220px; background-color: #fff; }
.faq .board-list tr td.subject .answer .title span { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -12px; color: #333; font-weight: bold; }
.faq .board-list tr td.subject .answer .text { float: left; width: 556px; padding: 30px 30px 30px 235px; border-top: 1px dotted #e8e8e8; background-color: #fff; vertical-align: middle; line-height: 1.6; }
.faq .board-list tr td.subject .answer .text p { display: inline-block; overflow: hidden; float: left; padding-left: 25px; color: #666; font-family: "Nanum Gothic"; word-break: break-all; background: url(../images/service/faq-answer.png) no-repeat 0 4px; letter-spacing: -0.5px; }
.faq .board-list tr.active td { border-top: 1px solid #ff7a00; border-bottom: 1px solid #ff7a00; background-color: #f9f9f9; color: #333; }
.faq .board-list tr.active td .answer { font-weight: normal; }
.faq .board-list tr.active td:first-child { border-left: 1px solid #ff7a00; }
.faq .board-list tr.active td.last { border-right: 1px solid #ff7a00; }
.faq .board-list tr.active td.subject a { background-position: right -165px; color: #333; }
.faq .board-list tr.active td.subject .answer { display: block; }
.faq .board-list tr td.empty { padding: 165px 0 210px; text-align: center; }
.faq .paging { margin-top: 30px; }

 
/* faq 추가작업 */
 
.faq .tab { margin-bottom: 38px; }
.faq .tab-content > div { display: none; }
.faq .tab-content > div.active { display: block; }
.faq h4 { margin-bottom: 20px; color: #333; font-weight: bold; font-size: 25px; }
.faq .date { line-height: 1.5; text-align: center; }
.faq .measure { margin-bottom: 8px; line-height: 1.5; text-align: right; }
.faq .custom table .sum * { background-color: #f3f3f3; color: #333; font-weight: bold; }
.faq .custom table .total * { border-left: 1px solid #c2b7a7; background-color: #b9ad9b; color: #fff; font-weight: bold; }
.faq .custom table .total *:first-child { border-left: 0; }


.faq .sort-tab { margin-bottom: 30px; }
.faq .sort-tab .tab-list { width:100%; height:auto; margin:1px 0 0 1px;}
.faq .sort-tab .tab-list li { float:left;width:20%; height:40px; border:1px solid #eaeaea; margin:-1px 0 0 -1px; box-sizing:border-box;}
.faq .sort-tab .tab-list li a { display:inline-block; width:100%; height:100%; font-size:13px; color:#444; text-align:center; line-height:38px; background:#fff; }
.faq .sort-tab .tab-list li a:hover { color:#fff; font-weight:bold; background:#ff7c00; text-decoration:none;}
.faq .sort-tab .tab-list li a.on { color:#fff; font-weight:bold; background:#ff7c00; }


/* qna */
.qna .qna-wrap .input-wrap { margin-top: 50px; }
.qna .qna-wrap .input-wrap .vital { margin-bottom: 20px; padding-left: 15px; background: url(/images/sub/service/qna-dot.png) no-repeat 0 7px; color: #e62f4b; font-weight: bold; font-size: 16px; }
.qna .qna-wrap .input-wrap .custom tbody th { padding: 14px 20px 15px 35px; border-top: 1px dotted #e8e8e8; font-size: 14px; text-align: left; }
.qna .qna-wrap .input-wrap .custom tbody th.qnaContent { padding-top: 20px; vertical-align: top; }
.qna .qna-wrap .input-wrap .custom tbody tr:first-child th { border-top: 0; }
.qna .qna-wrap .input-wrap .custom tbody th.mark { background: #f9f9f9 url(/images/sub/service/qna-dot.png) no-repeat 20px 24px; }
.qna .qna-wrap .input-wrap .custom tbody td { border-top: 1px dotted #e8e8e8; border-left: 1px dotted #e8e8e8; font-size: 14px; text-align: left; }
.qna .qna-wrap .input-wrap .custom td input { width: 188px; }
.qna .qna-wrap .input-wrap .custom td h5 { margin-top: 4px; margin-bottom: 20px; font-weight: normal; font-size: 14px;line-height: 1.4;  }
.qna .qna-wrap .input-wrap .custom td.email span.sms { display: inline-block; padding-right: 6px; padding-left: 6px; }
.qna .qna-wrap .input-wrap .custom td.email .select { width: 120px; margin-left: 10px; }
.qna .qna-wrap .input-wrap .custom td.category .select { width: 584px; }
.qna .qna-wrap .input-wrap .custom td textarea { overflow-x: hidden; font-size:14px; color:#666; font-family: "Nanum Gothic"; overflow-y: scroll; width: 555px; height: 179px; padding: 6px 17px 6px 10px; border: 1px solid #e8e8e8; word-break: break-all; }
.qna .qna-wrap .input-wrap .custom td .terms { overflow-x: hidden; overflow-y: scroll; width: 585px; height: 100px; border: 1px solid #e8e8e8; font-size: 12px; line-height: 1.4; }
.qna .qna-wrap .input-wrap .custom td .terms .inner { width: 544px; padding: 10px 0 20px 25px; }
.qna .qna-wrap .input-wrap .custom td .terms .terms-list { padding:  0; }
.qna .qna-wrap .input-wrap .custom td .terms .terms-list > li { margin-top: 8px; }
.qna .qna-wrap .input-wrap .custom td .terms h5 { font-weight: normal; font-size: 12px; }
.qna .qna-wrap .input-wrap .custom td .terms div { margin-top: 4px; padding-left: 12px; }
.qna .qna-wrap .input-wrap .custom td .terms div .inner-list { margin-top: 4px; }
.qna .qna-wrap .input-wrap .custom td .terms-check { overflow: hidden; margin-top: 15px; font-size: 0; }
.qna .qna-wrap .input-wrap .custom td .terms-check .align-left { float: left; font-size: 14px; }
.qna .qna-wrap .input-wrap .custom td .terms-check .align-right { float: right; font-size: 14px; }
.qna .qna-wrap .input-wrap .custom td .terms-check input[type="checkbox"] { width: 13px; vertical-align: middle; }
.qna .qna-wrap .input-wrap .custom td .terms-check label { margin-left: 10px; color: #333; vertical-align: middle; }
.qna .qna-wrap .btn-wrap { margin-top: 30px; text-align: center; }

.qna .qna-wrap .input-wrap .custom td.addr .addr-num input { width: 98px; margin-right: 10px; }
.qna .qna-wrap .input-wrap .custom td.addr .addr-text { margin-top: 10px; }
.qna .qna-wrap .input-wrap .custom td.addr .addr-text .addr-detail { width: 340px; margin-left: 10px; }

/* 관리구역 */
.controlled_zone .section-wrap { border-top: 1px solid #e8e8e8; }
.controlled_zone .section-wrap h4.area-head { margin: 48px 0 18px; color: #7f5f2e; font-size: 16px; }
.controlled_zone .section{ position: relative; padding: 40px 30px; border: 1px solid #e8e8e8; }
.controlled_zone .section.active { background-color: #fafafa; }
.controlled_zone .section:first-child { border-top: 0; }
 
.controlled_zone .section-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; }
.controlled_zone .section-wrap .srch-wrap .srch { padding-bottom: 20px; border-bottom: 1px dotted #e8e8e8; font-size: 0; }
.controlled_zone .section-wrap .srch-wrap .srch span:first-child { margin-right: 15px; color: #444; font-weight: bold; font-size: 14px; vertical-align: middle; }
.controlled_zone .section-wrap .srch-wrap .srch input { width: 258px;margin-left: 5px; border: 1px solid #e8e8e8; }
.controlled_zone .section-wrap .srch-wrap .srch a.btn-srch { margin-left: 7px; }
.controlled_zone .section-wrap .srch-wrap .catecory { width: 120px; font-size: 13px; }


.controlled_zone .section h4 { margin-bottom: 29px; color: #7f5f2e; font-size: 21px; }
.controlled_zone .section .inner { padding-right: 187px; }
.controlled_zone .section .group1 { float: left; border-bottom: 1px solid #ebebeb; }
.controlled_zone .section .group1 span { display: inline-block; margin-left: 40px; padding-left: 25px; line-height: 1.6; }
.controlled_zone .section .group1 span:first-child { margin-left: 0; }
.controlled_zone .section .group1 span.tell  { background: url(/images/sub/service/icon-tell.png) no-repeat; }
.controlled_zone .section .group1 span.fax   { background: url(/images/sub/service/icon-fax.png) no-repeat; }
.controlled_zone .section .group1 span.clerk { background: url(/images/sub/service/icon-clerk.png) no-repeat; }

.controlled_zone .section .group2 { clear: both; margin-top: 6px; padding-top: 6px; }
.controlled_zone .section .group2 span { display: block; padding-left: 25px; line-height: 1.6; letter-spacing: -1px; }
.controlled_zone .section .group2 span.controll { background: url(/images/sub/service/icon-controll.png) no-repeat; }
.controlled_zone .section .group2 span.addr     { background: url(/images/sub/service/icon-addr.png) no-repeat; }
.controlled_zone .section .group2 span.bus { background: url(/images/sub/service/icon-bus.png) no-repeat; }
.controlled_zone .section .group2 span.car { background: url(/images/sub/service/icon-car.png) no-repeat; }
.controlled_zone .section .group2 span.subway { background: url(/images/sub/service/icon-subway.png) no-repeat; }

.controlled_zone .section .group3 { clear: both; margin-top: 6px; padding-top: 6px; }
.controlled_zone .section .group3  h4 { margin-bottom: 16px; color: #444; font-size: 14px; }
.controlled_zone .section .group3 span { display: block; padding-left: 25px; line-height: 1.6; letter-spacing: -1px; }
.controlled_zone .section .group3 span.bus { background: url(/images/sub/service/icon-bus.png) no-repeat; }
.controlled_zone .section .group3 span.car { background: url(/images/sub/service/icon-car.png) no-repeat; }
.controlled_zone .section .group3 span.subway { background: url(/images/sub/service/icon-subway.png) no-repeat; }

.controlled_zone .section a.btn-more { position: absolute; top: 127px; right: 30px; padding: 10px 31px 11px 14px; background: #e70128 url(/images/sub/service/more-arrow.png) no-repeat 123px 14px; }
.controlled_zone .section a.btn-more.on { background-position: 123px -48px; }
.controlled_zone .section.type2 a.btn-more { top: 101px; }
.controlled_zone .section .toggle { display: none; margin-top: 26px; }
.controlled_zone .section.active .toggle { display: block; }

/* 센터안내 */
.center-guide .section { margin-top: 90px; }
.center-guide .section:first-child { margin-top: 0; }
.center-guide .section h4 { margin-bottom: 16px; color: #7f5f2e; font-size: 21px; }
.center-guide .content p {margin-top: 10px; color: #444; font-size: 14px; font-style: normal; } 
.center-guide .content { overflow: hidden; padding-top: 32px; background: url(/images/sub/common/hr.png) no-repeat; }
.center-guide .content em { float: left; color: #444; font-weight: bold; font-style: normal; font-size: 14px; vertical-align: middle; }
.center-guide .content .btn-wrap em { padding-top: 10px; }
.center-guide .content .btn-wrap .btn-find { padding: 10px 40px 11px 14px; background: #e70128 url(/images/sub/service/icon-location.png) no-repeat 241px 10px; }
.center-guide .content .group { overflow: hidden; margin-top: 26px; padding-top: 26px; border-top: 1px dotted #e8e8e8; }
.center-guide .content .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.center-guide .content .group h5 { float: left; width: 265px; color: #444; font-size: 16px; }
.center-guide .content .group .scope { display: inline-block; float: right; }
.center-guide .content .group ul { overflow: hidden; float: left; width: 560px; }
.center-guide .content .group ul li { float: left; padding-left: 15px; width: 265px; background: url(/images/sub/service/service-list-dot.png) no-repeat 0 8px; color: #909090; line-height: 1.6; }
.center-guide .content .group ul li em { color: #987f57; font-weight: bold; font-style: normal; }
.center-guide .content .group ul.charge li { width: 100%; }
.center-guide .content .custom { margin-top: 18px; }
.center-guide .content .tip { margin-top: 22px; margin-left: 265px; color: #ff6200; }
.center-guide .content .tip span { display: inline-block; vertical-align: top; }
.center-guide .content .tip span.dot { width: 10px; }

/* 공급신청 및 절차 */
.request-step h4 { margin-bottom: 16px; color: #7f5f2e; font-size: 21px; }
.request-step .heading p { color: #444; font-weight: bold; font-size: 14px; }
.request-step .section-wrap { position: relative; margin-top: 32px; border: 1px solid #ececec; }
.request-step .section-wrap .section { overflow: hidden; padding: 60px 97px 55px 38px; }
.request-step .section-wrap .section.type1 { background: #f9f9f9 url(/images/sub/service/bg-step2.png) no-repeat; }
.request-step .section-wrap .section.type2 { background: #fefefe url(/images/sub/service/bg-step1.png) no-repeat; }
.request-step .section-wrap .section:first-child { padding-top: 60px; background: #f9f9f9; }
.request-step .section-wrap .section h5 { float: left; width: 195px; color: #464646; font-size: 16px; line-height: 1.5; }
.request-step .section-wrap .section h5 img { display: block; margin-bottom: 18px; }
.request-step .section-wrap .content { overflow: hidden; float: left; width: 493px; }
.request-step .section-wrap .content > div { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #e8e8e8; }
.request-step .section-wrap .content > div .btn-wrap { margin-top: 13px; font-size: 0; }
.request-step .section-wrap .content > div .btn-wrap a { margin-left: 5px; line-height: 1.2; }
.request-step .section-wrap .content > div .btn-wrap a:first-child { margin-left: 0; }
.request-step .section-wrap .content .head { color: #909090; font-size: 14px; line-height: 1.7; letter-spacing: -1px; }
.request-step .section-wrap .content .head:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.request-step .section-wrap .content .group h6 { margin-bottom: 16px; padding-left: 14px; background: url(/images/sub/service/service-list-dot2.png) no-repeat 0 7px; color: #987f57; font-size: 14px; }
.request-step .section-wrap .content .group ul { margin-left: 14px; }
.request-step .section-wrap .content .group ul li { line-height: 1.5; }
.request-step .section-wrap .content .group .area1 em { font-weight: bold; font-style: normal; }
.request-step .section-wrap .content .group ul.area2 li { margin-top: 5px; color: #909090; line-height: 1.6; }
.request-step .section-wrap .content .group ul.area2 li:first-child { margin-top: 0; }
.request-step .section-wrap .content .group ul.area2 li .text { display: inline-block; width: 182px; padding-right: 24px; vertical-align: middle; }
.request-step .section-wrap .content .group ul.area2 li a { width: 210px; }
.request-step .section-wrap .content .group ul.area3 li { padding-left: 14px; background: url(/images/sub/service/service-list-dot.png) no-repeat 0 7px; color: #909090; font-size: 12px; line-height: 1.6; }
.request-step .section-wrap .content .group .custom { margin-top: 18px; }
.request-step .section-wrap .year-line { position: absolute; top: -21px; right: 14px; }
.request-step .toggle-wrap { margin-top: 40px; }
.request-step .toggle-wrap .content{ position: relative; margin-top: 60px; border: 1px solid #e8e8e8; }
.request-step .toggle-wrap .content:first-child { margin-top: 0; }
.request-step .toggle-wrap .content .head { width: 362px; padding: 27px 30px; }
.request-step .toggle-wrap .content .head h4 { margin-bottom: 0; }
.request-step .toggle-wrap .content a.btn-more { position: absolute; top: 19px; right: 30px; padding: 10px 31px 11px 14px; background: #e70128 url(/images/sub/service/more-arrow.png) no-repeat 123px 14px; text-align: left; }
.request-step .toggle-wrap .content a.btn-view { padding: 10px 31px 11px 14px; text-align: center; }
.request-step .toggle-wrap .content a.btn-more.on { background-position: 123px -48px; }
.request-step .toggle-wrap .content .toggle { display: none; margin-top: 26px; padding: 36px 30px; border-top: 2px solid #e8e8e8; }
.request-step .toggle-wrap .content .toggleNew { display: none; margin-top: 26px; padding: 36px 30px; border-top: 2px solid #e8e8e8; }
.request-step .toggle-wrap .content.active .toggle { display: block; }
.request-step .toggle-wrap .toggle ul li { margin-top: 18px; padding: 18px 0 0 19px; border-top: 1px solid #e8e8e8; background: url(/images/sub/service/service-list-dot2.png) no-repeat 0 25px; color: #909090; font-size: 14px; line-height: 1.5; }
.request-step .toggle-wrap .toggle ul li:first-child { margin-top: 0; padding-top: 0; border-top: 0; background-position: 0 7px; }
.request-step .toggle-wrap .toggle .custom tbody td { color: #7d7d7d; text-align: left; line-height: 1.5; }
.request-step .toggle-wrap .toggleNew ul li { margin-top: 18px; padding: 18px 0 0 19px; border-top: 1px solid #e8e8e8; background:  no-repeat 0 25px; color: #909090; font-size: 14px; line-height: 1.5; }
.request-step .toggle-wrap .toggleNew ul li:first-child { margin-top: 0; padding-top: 0; border-top: 0; background-position: 0 7px; }
.request-step .toggle-wrap .toggleNew .heading { margin-top: 30px; float: right }
.request-step .toggle-wrap .toggleNew .custom2 { margin-left: 20px; }
.request-step .toggle-wrap .toggleNew .custom2 tbody td { color: #7d7d7d; text-align: left; }
.request-step .plumbing-area { margin-top: 58px; }
.request-step .plumbing-area .inner { width: 825px; height: 608px; background: url(/images/sub/service/request-step-img.png) no-repeat; }
.request-step .plumbing-area .inner ul { text-indent: -9999px; }

/* 가스기기 A/S 안내 */
.gas-as h4 { margin-bottom: 11px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.gas-as .section { margin-top: 50px; padding-top: 47px; border-top: 1px dotted #e8e8e8; }
.gas-as .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.gas-as .section > p { margin-bottom: 47px; color: #444; font-size: 14px; letter-spacing: -1px; }
.gas-as .content-wrap h5 { margin-bottom: 15px; font-weight: bold; font-size: 16px; }
.gas-as .content-wrap .content { margin-top: 47px; }
.gas-as .content-wrap .content .tip { margin-top: 28px; color: #7f5f2e; font-weight: bold; font-size: 14px; }

.gas-as .content-wrap .nlLogout {margin-top: 10px; font-size: 14px; text-align: right; margin-bottom: 15px; text-decoration: underline;}

/* 코원 에너지서비스만 사용
   ======================== */
   /* 법령 및 규정 */
.law-list .board-wrap { border-top: 2px solid #6f6f6f; }
.law-list .board-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; font-size: 0; }
.law-list .board-wrap .srch-wrap .select label { text-align: left; }
.law-list .board-wrap .srch-wrap .catecory { width: 120px; font-size: 13px; }
.law-list .board-wrap .srch-wrap .srch span:first-child { margin-right: 15px; color: #444; font-weight: bold; font-size: 14px; vertical-align: middle; }
.law-list .board-wrap .srch-wrap .srch input { width: 258px;margin-left: 5px; border: 1px solid #e8e8e8; }
.law-list .board-wrap .srch-wrap .srch a.btn-srch { margin-left: 7px; }
.law-list .board-list { overflow: hidden; margin-top: 30px; }
.law-list .board-list .custom { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.law-list .board-list th { padding: 6px 0 7px; background-color: #f9f9f9; }
.law-list .board-list th label { text-align: left; font-weight: normal; }
.law-list .board-list tbody tr { border-top: 1px dotted  #e8e8e8; }
.law-list .board-list tbody tr:first-child { border-top: 0; }
.law-list .board-list .custom td { padding: 11px 30px 12px; }
.law-list .board-list .custom .num { padding-right: 0; padding-left: 0; text-align: center; }
.law-list .board-list .custom .subject { text-align: left; }
.law-list .board-list .custom .subject a { display: block; overflow: hidden; width: 468px; white-space: nowrap; text-overflow: ellipsis; }
.law-list .board-list .custom .download-file { text-align: center; }
.law-list .board-list .custom .download-file span { display: inline-block; padding-right: 23px; background: url(/images/sub/common/download-file-icon.jpg) no-repeat right 2px; }
.law-list .board-list .custom2 td { padding: 11px 5px 12px; }
.law-list .board-list .custom2 .num { padding-right: 0; padding-left: 0; text-align: center; }
.law-list .board-list .custom2 .subject { text-align: left; }
.law-list .board-list .custom2 .subject a { display: block; overflow: hidden; width: 468px; white-space: nowrap; text-overflow: ellipsis; }
.law-list .board-list .custom2 .download-file { text-align: center; }
.law-list .board-list .custom2 .download-file span { display: inline-block; padding-right: 23px; background: url(/images/sub/common/download-file-icon.jpg) no-repeat right 2px; }
.law-list .paging { margin-top: 30px; }

/* 강원도시가스만 사용
   ======================== */

/* 배관공사업체안내 */
.business-guide h4 { color: #454545; font-weight: bold; font-size: 16px; }
.business-guide .custom { margin-top: 18px; }


/* 영남에너지서비스(구미)만 사용
   ======================== */

/* 시공업체 현황 */
.operational-status p { color: #6f6f6f; font-size: 14px; }
.operational-status .custom { margin-top: 28px; }
.operational-status .toggle-wrap { margin-top: 20px; }
.operational-status .toggle-wrap .toggle ul li { margin-top: 18px; padding: 18px 0 0 19px; border-top: 1px solid #e8e8e8; background: url(/images/en/sub/service/service-list-dot2.png) no-repeat 0 25px; color: #909090; font-size: 14px; line-height: 1.5; }
.operational-status .toggle-wrap .toggle ul li:first-child { margin-top: 0; padding-top: 0; border-top: 0; background-position: 0 7px; }
.operational-status .toggle-wrap .toggle .custom tbody td { color: #7d7d7d; text-align: left; line-height: 1.5; }

/* 위례에너지서비스만 사용
   ======================= */
   
/* 열공급정보 */
.heat-supply h4 { margin-bottom: 16px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.heat-supply .section-wrap > div { margin-top: 60px; padding-top: 60px; border-top: 1px dotted #e8e8e8;  }
.heat-supply .section-wrap > div:first-child { margin-top: 0; padding-top: 0; border-top: 0;  }
.heat-supply .section > p { color: #333; font-size: 14px; }
.heat-supply .section > p em { display: block; margin-top: 3px; color: #987f57; font-style: normal; font-size: 13px; }
.heat-supply .section p.tip { margin-top: 12px; color: #666; font-size: 14px; }
.heat-supply .section p.tip em { display: inline; color: #666; font-weight: bold; font-style: normal; }
.heat-supply .section .custom { margin-top: 13px; } 
.heat-supply .group { position: relative; padding: 48px 230px 46px 30px; border: 1px solid #e8e8e8; }
.heat-supply .group > p { color: #666; line-height: 1.8; }
.heat-supply .group a.download { display: block; position: absolute; top: 50%; right: 40px; width: 112px; margin-top: -20px; padding-right: 50px; background: #e70128 url(/images/sub/common/icon-download.png) no-repeat 143px 12px; }


/* 전출입신청 추가 */
.move-apply .section h4 span { display:block;font-size:14px;font-weight:normal;line-height:30px; }
.move-apply .section .stepimg { margin-bottom:20px; }
.move-apply .section .tip { text-align:right;line-height:30px;margin-bottom:10px; } 
.move-apply .policy { font-size:14px;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;padding:40px 30px;overflow-x:hidden;overflow-y:scroll;line-height:1.8;height:360px; }
.move-apply .policy ul li { margin-bottom:20px; }
.move-apply .policy ul li .tit { display:block;font-size:16px;font-weight:bold;color:#333333; }
.move-apply .policy ul li .txt { display:block;color:#666;margin-left:20px; }
.move-apply .policy_agree { border:1px solid #cfcfcf;background-color:#f4f4f4;height:49px;line-height:49px;color:#e70128;font-size:15px;padding:0 20px; }
.move-apply .policy_agree .checkbox { display:inline-block;background:url( /images/sub/util/check.png);width:16px;height:16px;vertical-align:middle;margin:0 3px 3px 0; cursor:pointer; }
.move-apply .policy_agree .align-right { float: right; font-size: 14px; }
.move-apply .policy_agree input[type="checkbox"] { width: 13px; vertical-align: middle; }
.move-apply .policy_agree label { margin-left: 10px; color: #333; vertical-align: middle; }


/* 나래에너지서비스(O&M) 추가 시작 */
/* 가용율/비계획 정지율 (Availability & Un-planned Loss) */
.availability .msg { margin-bottom: 50px; padding-bottom: 0; border-bottom: 0; }
.availability .section { padding-top: 5px; background: url(/images/sub/common/hr.png) no-repeat; }
.availability .section .group { clear:both; overflow: hidden; padding-top: 25px; }
.availability .section .group h4 { float: left; color: #333; font-weight: bold; font-size: 20px; }
.availability .section .graph1 { float: left; width:407px; height:250px; margin-top:20px; background: url(/images/sub/service/naraeonm-availability-graph01.png) no-repeat center top; }
.availability .section .graph2 { float: left; width:407px; height:250px; margin-top:20px; margin-left: 11px; background: url(/images/sub/service/naraeonm-availability-graph02.png) no-repeat center top; }
.availability .section .graph3 { float: left; width:407px; height:250px; margin-top:20px; background: url(/images/sub/service/naraeonm-availability-graph03.png) no-repeat center top; }
.availability .section .graph4 { float: left; width:407px; height:250px; margin-top:20px; margin-left: 11px; background: url(/images/sub/service/naraeonm-availability-graph04.png) no-repeat center top; }
.availability .section .group ul { list-style-type: square; margin-left:20px;}
.availability .section .group .none { list-style-type: none; margin-left:0;}
.availability .section .group li { line-height: 1.8; color: #7f5f2e;}
.availability .heading-group h3 span { font-size:16px; font-weight: normal; }
.availability .section .graph5 { float: left; width:407px; height:250px; margin-top:20px; background: url(/images/sub/service/naraeonm-availability-graph05.png) no-repeat center top; }
.availability .section .graph6 { float: left; width:407px; height:250px; margin-top:20px; margin-left: 11px; background: url(/images/sub/service/naraeonm-availability-graph06.png) no-repeat center top; }


/* O&M 실적 */
.onm-result .msg { margin-bottom: 50px; padding-bottom: 0; border-bottom: 0; letter-spacing: -1px;}
.onm-result .section { padding-top: 5px; margin-top: 35px; background: url(/images/sub/common/hr.png) no-repeat; }
.onm-result .section:first-child { margin-top: 0; padding-top: 5px; border-top: 0; }
.onm-result .section .group { clear:both; overflow: hidden; padding-top: 25px; }
.onm-result .section .group h4 { color: #333; font-weight: bold; font-size: 20px; }
.onm-result .section .group ul { list-style-type: square; margin-top: 10px; margin-left:20px;}
.onm-result .section .group li { line-height: 1.8; color: #666666;}
.onm-result .section img { margin-top:20px; margin-bottom:20px; }
.onm-result .table .align-left { padding-left: 20px; text-align: left; }
.onm-result .table td.bl1 { border-left: 1px solid #eaeaea; }

/* 전문인력 */
.manpower .msg { margin-bottom: 50px; padding-bottom: 0; border-bottom: 0; letter-spacing: -1px;}
.manpower .section { padding-top: 5px; margin-top: 35px; background: url(/images/sub/common/hr.png) no-repeat; }
.manpower .section:first-child { margin-top: 0; padding-top: 5px; border-top: 0; }
.manpower .section .group { clear:both; overflow: hidden; padding-top: 25px; }
.manpower .section .group h4 { color: #333; font-weight: bold; font-size: 20px; }
.manpower .section .group h5.table-desc { margin-top:10px; margin-bottom: 10px; text-align: right; }
.manpower .section .group ul { list-style-type: square; margin-top: 10px; margin-left:20px;}
.manpower .section .group li { line-height: 1.8; color: #7f5f2e;}
.manpower .section .group p.indent1 { text-indent: 73px; }
.manpower .section .group p.indent2 { text-indent: 115px; }
.manpower .table th { padding-left: 0; padding-right: 0; }

/* TSC */
.tsc .msg { margin-top: 50px; margin-bottom: 50px; padding-bottom: 0; border-bottom: 0; letter-spacing: -1px;}
.tsc .msg:first-child { margin-top: 0; }
.tsc .section { padding-top: 5px; margin-top: 35px; background: url(/images/sub/common/hr.png) no-repeat; }
.tsc .section:first-child { margin-top: 0; padding-top: 5px; border-top: 0; }
.tsc .section .group { clear:both; overflow: hidden; padding-top: 25px; }
.tsc .section .group h4 { margin-top:30px; color: #997f58; font-weight: bold; font-size: 20px; }
.tsc .section .group h4:first-child { margin-top: 0px; }
.tsc .section .group h5 { color: #666666; margin-top:10px; margin-bottom: 10px; font-size: 13px; font-weight: normal;}
.tsc .section .group ul { list-style-type: square; margin-top: 10px; margin-left:20px;}
.tsc .section .group li { line-height: 1.8; color: #666666;}
.tsc .section .tsc-img01 { height:617px; margin-top:20px; background: url(/images/sub/service/naraeonm-tsc-bg01.png) no-repeat center top; }
.tsc .section .tsc-img02 { float:left; width: 390px; height:361px; margin-top:20px; background: url(/images/sub/service/naraeonm-tsc-bg02.png) no-repeat center top; }
.tsc .section .tsc-img02-desc { float:left; margin-left:22px; margin-top:20px; }
.tsc .section .tsc-img02-desc h4 { font-size: 16px; }

.tsc-system .msg { margin-top: 50px; margin-bottom: 50px; padding-bottom: 0; border-bottom: 0; letter-spacing: -1px;}
.tsc-system .msg:first-child { margin-top: 0; }
.tsc-system .section { padding-top: 5px; margin-top: 35px; background: url(/images/sub/common/hr.png) no-repeat; }
.tsc-system .section:first-child { margin-top: 0; padding-top: 5px; border-top: 0; }
.tsc-system .section .desc-wrap { display:inline-block; float:left; width: 510px; height:300px; margin-top:40px; margin-bottom:40px; }
.tsc-system .section .group { clear:both; overflow: hidden; }
.tsc-system .section .group h4 { margin-top:30px; color: #997f58; font-weight: bold; font-size: 20px; }
.tsc-system .section .group h4:first-child { margin-top: 0px; }
.tsc-system .section .group h5 { color: #666666; margin-top:10px; margin-bottom: 10px; font-size: 13px; font-weight: normal;}
.tsc-system .section .group ul { list-style-type: square; margin-top: 20px; margin-left:20px;}
.tsc-system .section .group li { line-height: 1.8; color: #666666; margin-top: 20px;}
.tsc-system .section .group li:first-child {margin-top: 0px;}
.tsc-system .section .group ol.none { list-style-type: none; margin-top: 0; margin-left:0px;}
.tsc-system .section .group ol.none li { margin-top: 0; }
.tsc-system .section .img-wrap { display:inline-block; float:right; width: 290px; height:250px; margin-top:40px; margin-bottom:40px; text-align: center; padding-top: 50px;}
.tsc-system .section .img-wrap h4 { margin-top: 10px; font-size: 14px; font-weight: bold;}
.tsc-system .section .img-wrap h5 { margin-top: 5px; font-size: 12px; font-weight: normal;}
.tsc-system .section .tsc-system-img03 { clear:both; height:390px; background: url(/images/sub/service/naraeonm-tsc-bg03.png) no-repeat center top; }

/* 인증 취득 현황 */
.cert .msg { margin-top: 50px; margin-bottom: 50px; padding-bottom: 0; border-bottom: 0; letter-spacing: -1px;}
.cert .section { min-height: 350px; padding-top: 50px; margin-top: 35px; background: url(/images/sub/common/hr.png) no-repeat; }
.cert .section .detail-view { float: left; overflow: hidden; width:191px; margin-left: 20px;}
.cert .section .detail-view:first-child { margin-left: 0; }
.cert .section .detail-view .img { height: 257px; }
.cert .section .detail-view .img a .mask { display: none; position: absolute; width: 191px; height: 259px; background: url(/images/sub/service/naraeonm-cert-expand-shadow.png) no-repeat; }
.cert .section .detail-view .img a:hover .mask { display: block; }
.cert .section .detail-view .img-title { width:191px; height: 88px; border: 1px solid #e7e7e7; font-weight: bold; display: table-cell; vertical-align: middle; text-align: center; line-height: 1.7;}
.cert .section .detail-view .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 476px; height: 674px; margin-top: -337px; margin-left: -238px; }
.cert .section .detail-view .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.cert .section .detail-view .bg-modal { margin: 0; }

/* SHE */
.she .section .she-policy { position: relative; padding-top: 15px; padding-left: 96px; background: url(/images/sub/company/she-inner-img1.png) no-repeat; }
.she .section p { width: 566px; line-height: 1.6; }
.she .she-policy .sub-title { margin-top: 20px; padding-bottom: 20px; font-size: 17px; background: url(/images/sub/service/naraeonm-she-hr.png) no-repeat left bottom;}
.she .she-policy .she-policy-items { list-style-type: square; margin-top: 10px; margin-left:30px;}
.she .she-policy .she-policy-items li { line-height: 1.8; color: #444444; font-weight: bold; }
.she .she-policy .she-policy-content { margin-top: 10px; margin-left:0; list-style-type: none; }
.she .she-policy .she-policy-content .item01 { width: 443px; height: 46px; color: #987f57; font-weight: bold; text-indent: 50px; display: table-cell; vertical-align: middle; background: url(/images/sub/service/naraeonm-she-policy-item-bg01.png) no-repeat left top;}
.she .she-policy .she-policy-content .item02 { width: 443px; height: 46px; color: #987f57; font-weight: bold; text-indent: 50px; display: table-cell; vertical-align: middle; background: url(/images/sub/service/naraeonm-she-policy-item-bg02.png) no-repeat left top;}
.she .she-policy .she-policy-content .item03 { width: 443px; height: 46px; color: #987f57; font-weight: bold; text-indent: 50px; display: table-cell; vertical-align: middle; background: url(/images/sub/service/naraeonm-she-policy-item-bg03.png) no-repeat left top;}
.she .she-policy .she-policy-content .she-policy-sub-content { width: 423px; margin-top: 10px; margin-left:0; padding-left:20px; padding-bottom: 10px; list-style-type: none; }
.she .she-policy .she-policy-content .she-policy-sub-content li { line-height: 1.8; color: #444444; }
.she .she-policy .she-policy-content .she-policy-sub-content.last { border-bottom: 1px solid #d8d8d8; }
.she .section .detail-view { overflow: hidden; position: absolute; right: 0; bottom: 0; }
.she .section .detail-view .img { float: right; position: relative; width: 147px; height: 207px; margin-left: 13px; }
.she .section .detail-view .img a .mask { display: none; position: absolute; width: 147px; height: 207px; background: url(/images/sub/service/naraeonm-she-expand-shadow.png) no-repeat; }
.she .section .detail-view .img a:hover .mask { display: block; }
.she .section .detail-view .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 531px; height: 773px; margin-top: -405px; margin-left: -286px; }
.she .section .detail-view .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.she .section .detail-view .bg-modal { margin: 0; }
.she .section { margin-top: 30px; background: url(/images/sub/common/hr.png) no-repeat;}
.she .section:first-child { margin-top: 70px; background: none; }

.she-system .section { position: relative; padding: 40px 0 40px 0; background: url(/images/sub/common/hr.png) no-repeat left bottom;}
.she-system .align-center { text-align: center; }
.she-system .section .she-os-img01 { height:765px; margin-top:20px; background: url(/images/sub/service/naraeonm-she-os-img01.png) no-repeat center top; }
.she-system .section h4 { font-weight: bold; color:#333; margin-bottom: 8px; font-size: 20px; }
.she-system .section p { line-height: 1.6; }

.she-status .content-wrap > div { position: relative; padding: 40px 0 40px 140px; border-top: 1px dotted #e8e8e8; }
.she-status .content-wrap > div:first-child {margin-top: 70px; border-top: none;}
.she-status .content-wrap > div h4 { font-weight: bold; color:#333; margin-bottom: 8px; font-size: 20px; }
.she-status .content-wrap > div p { line-height: 1.6; }
.she-status .content-wrap .list1 { background: url(/images/sub/service/naraeonm-she-action-bg01.png) no-repeat 14px 38px; }
.she-status .content-wrap .list2 { background: url(/images/sub/service/naraeonm-she-action-bg02.png) no-repeat 14px 43px; }
.she-status .content-wrap .detail-view { overflow: hidden; margin-top: 10px; }
.she-status .content-wrap .detail-view .img { float: left; position: relative; width: 316px; height: 41px; }
.she-status .content-wrap .detail-view .img a .mask { display: none; position: absolute; width: 316px; height: 41px; }
.she-status .content-wrap .detail-view .img a:hover .mask { display: block; }
.she-status .content-wrap .detail-view .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 773px; height: 531px; margin-top: -265px; margin-left: -386px; }
.she-status .content-wrap .detail-view .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.she-status .content-wrap .detail-view .bg-modal { margin: 0; }
.she-status .content-wrap .list3 { background: url(/images/sub/service/naraeonm-she-action-bg03.png) no-repeat 14px 43px; }
.she-status .content-wrap .list3 .comment { margin-top: 30px; } 
.she-status .content-wrap .list3 .comment > div { padding-left: 20px; line-height: 1.6; background: url(/images/sub/service/naraeonm-she-action-intro-dash.png) no-repeat 0 9px;  }
.she-status .content-wrap .list3 em { display: block; margin-top: 6px; padding-left: 0; background: url(/images/sub/service/naraeonm-she-action-list-dot.png) no-repeat 0 5px; color: #7f5f2e; font-size: 12px; font-style: normal; }
.she-status .content-wrap .list3-paju { background: url(/images/sub/company/paju-she-action-bg03.png) no-repeat 14px 43px; }
.she-status .content-wrap .list3-paju .comment { margin-top: 30px; } 
.she-status .content-wrap .list3-paju .comment > div { padding-left: 20px; line-height: 1.6; background: url(/images/sub/service/naraeonm-she-action-intro-dash.png) no-repeat 0 9px;  }
.she-status .content-wrap .list3-paju em { display: block; margin-top: 6px; padding-left: 0; background: url(/images/sub/service/naraeonm-she-action-list-dot.png) no-repeat 0 5px; color: #7f5f2e; font-size: 12px; font-style: normal; }
.she-status .content-wrap .list4 { background: url(/images/sub/service/naraeonm-she-action-bg04.png) no-repeat 14px 38px; }
.she-status .content-wrap .list4 .comment { margin-top: 30px; } 
.she-status .content-wrap .list4 .comment > div { padding-left: 20px; line-height: 1.6; background: url(/images/sub/service/naraeonm-she-action-intro-dash.png) no-repeat 0 9px;  }
.she-status .content-wrap .list4 em { display: block; margin-top: 6px; padding-left: 0; background: url(/images/sub/service/naraeonm-she-action-list-dot.png) no-repeat 0 5px; color: #7f5f2e; font-size: 12px; font-style: normal; }
.she-status .content-wrap .list5 { background: url(/images/sub/service/naraeonm-she-action-bg05.png) no-repeat 14px 38px; }
.she-status .content-wrap .list5 .comment { margin-top: 30px; } 
.she-status .content-wrap .list5 .comment > div { padding-left: 20px; line-height: 1.6; background: url(/images/sub/service/naraeonm-she-action-intro-dash.png) no-repeat 0 9px;  }
.she-status .content-wrap .list5 em { display: block; margin-top: 6px; padding-left: 0; background: url(/images/sub/service/naraeonm-she-action-list-dot.png) no-repeat 0 5px; color: #7f5f2e; font-size: 12px; font-style: normal; }
.she-status .content-wrap .detail-view2 { overflow: hidden; position: absolute; right: 0; bottom: 0; margin-bottom : 10px; }
.she-status .content-wrap .detail-view2 .detail-desc2 { float: right; margin: 80px 20px 0 0; text-align:right; }
.she-status .content-wrap .detail-view2 .detail-desc2 em { display:block; margin-bottom: 10px; padding-top: 15px; background: url(/images/sub/service/naraeonm-she-action-expand-bar.png) no-repeat right 0; color:#333; font-weight: bold; font-style: normal; }
.she-status .content-wrap .detail-view2 .detail-desc2 span { display:block; margin-top: 4px; font-size: 12px; }
.she-status .content-wrap .detail-view2 .img { float: right; position: relative; width: 136px; height: 171px; }
.she-status .content-wrap .detail-view2 .img a .mask { display: none; position: absolute; width: 136px; height: 171px; background: url(/images/sub/service/naraeonm-she-action-expand-shadow.png) no-repeat;}
.she-status .content-wrap .detail-view2 .img a:hover .mask { display: block; }
.she-status .content-wrap .detail-view2 .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 476px; height: 674px; margin-top: -337px; margin-left: -238px; }
.she-status .content-wrap .detail-view2 .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.she-status .content-wrap .detail-view2 .bg-modal { margin: 0; }

.she-status .content-wrap .list3-incheonge { background: url(/images/sub/company/ige-she-action-bg03.png) no-repeat 14px 43px; }
.she-status .content-wrap .list3-incheonge .comment { margin-top: 30px; width:100%;height:300px;} 

/* 나래에너지서비스(O&M) 추가 종료 */


/* 가스요금경감제도 */
.reduce-system h4 { margin-bottom: 11px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.reduce-system .section { margin-top: 50px; padding-top: 47px; border-top: 1px dotted #e8e8e8; }
.reduce-system .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.reduce-system .section > ul.type1 { padding-left: 10px; color: #444; font-size: 14px; line-height: 1.8; }
.reduce-system .section > ul li { font-size: 14px; line-height: 1.6; }
.reduce-system .section > ul li span { display: inline-block; width: 97%; vertical-align: top; }
.reduce-system .section > ul.type1 li span.num { width: 15px; }
.reduce-system .section .helper { margin-top: 30px; }
.reduce-system .btn-wrap { margin-top: 50px; padding-top: 47px; border-top: 1px dotted #e8e8e8; font-size: 0; text-align: center; }
.reduce-system .btn-wrap a { margin-left: 10px; }
.reduce-system .btn-wrap a:first-child { margin-left: 0; }

.reduce-system .download-list a {
    min-width: 0;
    padding: 8px 58px 10px 30px;
    background-image: url(https://www.skens.com//images/sub/common/icon-download.png);
    background-repeat: no-repeat;
    background-position: 420px 12px;
    vertical-align: middle;
}

.reduce-system .tab-content { margin-top: 40px; }
.reduce-system .tab-content .content { display: none; }
.reduce-system .section .custom1 tbody th { padding: 17px 20px 18px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.reduce-system .section .custom1 tbody th.mark { background: #f9f9f9 url(/images/sub/service/qna-dot.png) no-repeat 20px 23px; }
.reduce-system .section .custom1 tbody td { font-size: 14px; text-align: left; }
.reduce-system .section .custom1 tbody td input[type="text"] { width: 188px; }
.reduce-system .section .custom1 tbody td .ssn input { width: 98px; }
.reduce-system .section .custom1 tbody td.addr .addr-num input { width: 98px; margin-right: 10px; }
.reduce-system .section .custom1 tbody td.addr .addr-text { margin-top: 10px; }
.reduce-system .section .custom1 tbody td.addr .addr-text .addr-detail { width: 340px; margin-left: 10px; }
.reduce-system .section .custom1 tbody td .select { width: 120px; font-size: 13px; }
.reduce-system .section .custom1 tbody td .dash { margin-right: 1px; margin-left: 1px; font-size: 14px; vertical-align: middle; }
.reduce-system .section .custom1 tbody td .slash{ margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }

.reduce-system .section .pass-wrap { margin-top: 50px; padding: 28px 40px; background-color: #f9f9f9; }
.reduce-system .section .pass-wrap .inner { overflow: hidden; margin-top: 24px; }
.reduce-system .section .pass-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.reduce-system .section .pass-wrap .inner .group:first-child { margin-left: 0; }
.reduce-system .section .pass-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.reduce-system .section .pass-wrap .inner .group input { width: 219px; }
.reduce-system .section .pass-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.reduce-system .section .pass-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.reduce-system .section .pass-wrap .btn-wrap a:first-child { margin-left: 0; }
.reduce-system .section .tip { margin-top: 13px; color: #7f5f2e; }
.reduce-system .msg {text-align: left;}
.reduce-system .board-list .custom tbody tr td.subject { text-align: left; }	
.reduce-system .board-list .custom tbody tr td a { display: block; overflow: hidden; width: 372px; white-space: nowrap; text-overflow: ellipsis; }
.reduce-system .section .terms-check {margin-top: 15px;text-align: center;}
.reduce-system .section li { list-style: none !important;padding: 2px 0 2px 16px; }
.reduce-system .section p { color: #444; line-height: 2; font-size: 14px; margin-bottom: 20px;}
.reduce-system .section p.paragraph { margin-top: 15px; }
.reduce-system .section p em { font-weight: bold; font-style: normal; }
.reduce-system .section .table.custom { line-height: 1.8;}
.reduce-system .section .warning { display: none; margin-top: 10px; color: #e70128; line-height: 1.5; }

.reduce-system .section .licensee-wrap { padding: 28px 40px; border-top: 2px solid #6f6f6f; background-color: #f9f9f9; }
.reduce-system .section .licensee-wrap .inner { overflow: hidden; margin-top: 24px; }
.reduce-system .section .licensee-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.reduce-system .section .licensee-wrap .inner .group:first-child { margin-left: 0; }
.reduce-system .section .licensee-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.reduce-system .section .licensee-wrap .inner .group input { width: 219px; }
.reduce-system .section .licensee-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.reduce-system .section .licensee-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.reduce-system .section .licensee-wrap .btn-wrap a:first-child { margin-left: 0; }
.reduce-system .btn-table {
	display: inline-block;
    padding: 5px 10px 5px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

.reduce-system .section h5 { margin-bottom: 14px; color: #444; font-size: 16px; }
.reduce-system .section .content-box { overflow-x: hidden; overflow-y: scroll; height: 135px; border: 1px solid #cfcfcf; border-top: 2px solid #323232; }
.reduce-system .section .content-box .inner { width: 753px; padding: 30px 25px; color: #959595; font-size: 14px; line-height: 1.8; word-break: break-all; }
.reduce-system .section .agree-wrap { padding: 15px 25px; border: 1px solid #cfcfcf; border-top: 0; background-color: #f4f4f4; }
.reduce-system .section .agree-wrap label { color: #e70128; vertical-align: middle; cursor: pointer; }
.reduce-system .section .total-check-wrap { padding: 15px 25px; border-top: 0; background-color: #FF6200; }
.reduce-system .section .total-check-wrap label { color: #fff; font-size: 16px; cursor: pointer; }
.reduce-system .section .total-check-wrap label em { font-style: normal; font-weight: bold; }
.reduce-system .section .discount { color: rgb(0, 0, 255); line-height: 2; font-size: 14px; margin-bottom: 20px; margin-left: 15px; font-weight: bold;}


/*공급신청서*/
.sply-invoice .heading-group { margin-bottom: 0; border-bottom: 0; }
.sply-invoice .tab-content { margin-top: 40px; }
.sply-invoice .tab-content .content { display: none; }
.sply-invoice .login-area a.btn-login { margin-left: 10px; }
.sply-invoice .section-wrap { margin-top: 50px; }
.sply-invoice .comment { line-height: 1.5; font-size: 14px; }
.sply-invoice .section { margin-top: 74px; }
.sply-invoice .section:first-child { margin-top: 0; }
.sply-invoice .section h4 { color: #333; font-size: 16px; }
.sply-invoice .section .heading { overflow: hidden; margin-bottom: 11px; }
.sply-invoice .section .heading p { margin-top: 7px; font-size: 14px; }
.sply-invoice .section .heading .btn-wrap { float: right; font-size: 0; }
.sply-invoice .section .heading .btn-wrap a { margin-left: 10px; }
.sply-invoice .section .heading .btn-wrap a:first-child { margin-left: 0; }
.sply-invoice .section .custom1 tbody th { padding: 17px 20px 18px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.sply-invoice .section .custom1 tbody th.mark { background: #f9f9f9 url(/images/sub/service/qna-dot.png) no-repeat 20px 23px; }
.sply-invoice .section .custom1 tbody td { font-size: 0; text-align: left; }
.sply-invoice .section .custom1 tbody td input { width: 188px; }

.sply-invoice .section .custom1 tbody td input[readonly]{width: 188px; border:1px solid #eee;background:#f7f7f7;color:#444;text-indent:0;opacity:1;}

.sply-invoice .section .custom1 tbody td.tell input { width: 98px; }
.sply-invoice .section .custom1 tbody td.addr .addr-num input { width: 98px; margin-right: 10px; }
.sply-invoice .section .custom1 tbody td.addr .addr-text { margin-top: 10px; }
.sply-invoice .section .custom1 tbody td.addr .addr-text .addr-detail { width: 390px; }
.sply-invoice .section .custom1 tbody td .select { width: 120px; font-size: 13px; }
.sply-invoice .section .custom1 tbody td.e-mail .select { margin-left: 10px; }
.sply-invoice .section .custom1 tbody td .dash { margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }
.sply-invoice .section .custom1 tbody td .at { margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }
.sply-invoice .section .custom2 tbody th { padding: 17px 20px 18px 35px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.sply-invoice .section .custom2 tbody th.mark { background: #f9f9f9 url(/images/sub/service/qna-dot.png) no-repeat 20px 23px; }
.sply-invoice .section .custom2 tbody td { text-align: left; vertical-align: top; }
.sply-invoice .section .custom2 tbody td input { width: 188px; }
.sply-invoice .section .custom2 tbody td input .input_s1 { border:1px solid #d3d3d3; height:14px; padding:2px; }
.sply-invoice .section .custom2 tbody td.addr input { width: 599px; }
.sply-invoice .section .warning { display: none; margin-top: 10px; color: #e70128; line-height: 1.5; }

.sply-invoice .section .tip2 { margin-top: 25px; color:#e70128;}

.sply-invoice .section .pass-wrap { margin-top: 50px; padding: 28px 40px; background-color: #f9f9f9; }
.sply-invoice .section .pass-wrap .inner { overflow: hidden; margin-top: 24px; }
.sply-invoice .section .pass-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.sply-invoice .section .pass-wrap .inner .group:first-child { margin-left: 0; }
.sply-invoice .section .pass-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.sply-invoice .section .pass-wrap .inner .group input { width: 219px; }
.sply-invoice .section .pass-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.sply-invoice .section .pass-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.sply-invoice .section .pass-wrap .btn-wrap a:first-child { margin-left: 0; }
.sply-invoice .section .tip { margin-top: 13px; color: #7f5f2e; }
.sply-invoice .msg { margin-bottom: 0; border-bottom: 0; }
.sply-invoice .section .licensee-wrap { padding: 28px 40px; border-top: 2px solid #6f6f6f; background-color: #f9f9f9; }
.sply-invoice .section .licensee-wrap .inner { overflow: hidden; margin-top: 24px; }
.sply-invoice .section .licensee-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.sply-invoice .section .licensee-wrap .inner .group:first-child { margin-left: 0; }
.sply-invoice .section .licensee-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.sply-invoice .section .licensee-wrap .inner .group input { width: 219px; }
.sply-invoice .section .licensee-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.sply-invoice .section .licensee-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.sply-invoice .section .licensee-wrap .btn-wrap a:first-child { margin-left: 0; }
.sply-invoice .board-list .custom tbody tr td.subject { text-align: left; }
.sply-invoice .board-list .custom tbody tr td a { display: block; overflow: hidden; width: 372px; white-space: nowrap; text-overflow: ellipsis; }
.sply-invoice .board-list .paging { margin-top: 30px; }

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

/* 가스요금경감제도 */
.eco-system h4 { margin-bottom: 11px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.eco-system .section { margin-top: 50px; padding-top: 47px; border-top: 1px dotted #e8e8e8; }
.eco-system .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.eco-system .section > ul.type1 { padding-left: 10px; color: #444; font-size: 14px; line-height: 1.8; }
.eco-system .section > ul li { font-size: 14px; line-height: 1.6; }
.eco-system .section > ul li span { display: inline-block; width: 97%; vertical-align: top; }
.eco-system .section > ul.type1 li span.num { width: 15px; }
.eco-system .section .helper { margin-top: 30px; }
.eco-system .btn-wrap { margin-top: 50px; padding-top: 47px; border-top: 1px dotted #e8e8e8; font-size: 0; text-align: center; }
.eco-system .btn-wrap a { margin-left: 10px; }
.eco-system .btn-wrap a:first-child { margin-left: 0; }

.eco-system .download-list a {
    min-width: 0;
    padding: 8px 58px 10px 30px;
    background-image: url(https://www.skens.com//images/sub/common/icon-download.png);
    background-repeat: no-repeat;
    background-position: 420px 12px;
    vertical-align: middle;
}

.eco-system .tab-content { margin-top: 40px; }
.eco-system .tab-content .content { display: none; }
.eco-system .section .custom1 tbody th { padding: 17px 20px 18px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.eco-system .section .custom1 tbody th.mark { background: #f9f9f9 url(/images/sub/service/qna-dot.png) no-repeat 20px 23px; }
.eco-system .section .custom1 tbody td { font-size: 14px; text-align: left; }
.eco-system .section .custom1 tbody td input[type="text"] { width: 188px; }
.eco-system .section .custom1 tbody td .ssn input { width: 98px; }
.eco-system .section .custom1 tbody td.addr .addr-num input { width: 98px; margin-right: 10px; }
.eco-system .section .custom1 tbody td.addr .addr-text { margin-top: 10px; }
.eco-system .section .custom1 tbody td.addr .addr-text .addr-detail { width: 340px; margin-left: 10px; }
.eco-system .section .custom1 tbody td .select { width: 120px; font-size: 13px; }
.eco-system .section .custom1 tbody td .dash { margin-right: 1px; margin-left: 1px; font-size: 14px; vertical-align: middle; }
.eco-system .section .custom1 tbody td .slash{ margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }

.eco-system .section .pass-wrap { margin-top: 50px; padding: 28px 40px; background-color: #f9f9f9; }
.eco-system .section .pass-wrap .inner { overflow: hidden; margin-top: 24px; }
.eco-system .section .pass-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.eco-system .section .pass-wrap .inner .group:first-child { margin-left: 0; }
.eco-system .section .pass-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.eco-system .section .pass-wrap .inner .group input { width: 219px; }
.eco-system .section .pass-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.eco-system .section .pass-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.eco-system .section .pass-wrap .btn-wrap a:first-child { margin-left: 0; }
.eco-system .section .tip { margin-top: 13px; color: #7f5f2e; }
.eco-system .msg {text-align: left;}
.eco-system .board-list .custom tbody tr td.subject { text-align: left; }	
.eco-system .board-list .custom tbody tr td a { display: block; overflow: hidden; width: 372px; white-space: nowrap; text-overflow: ellipsis; }
.eco-system .section .terms-check {margin-top: 15px;text-align: center;}
.eco-system .section li { list-style: none !important;padding: 2px 0 2px 16px; }
.eco-system .section p { color: #444; line-height: 2; font-size: 14px; margin-bottom: 20px;}
.eco-system .section p.paragraph { margin-top: 15px; }
.eco-system .section p em { font-weight: bold; font-style: normal; }
.eco-system .section .table.custom { line-height: 1.8;}
.eco-system .section .warning { display: none; margin-top: 10px; color: #e70128; line-height: 1.5; }

.eco-system .section .licensee-wrap { padding: 28px 40px; border-top: 2px solid #6f6f6f; background-color: #f9f9f9; }
.eco-system .section .licensee-wrap .inner { overflow: hidden; margin-top: 24px; }
.eco-system .section .licensee-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.eco-system .section .licensee-wrap .inner .group:first-child { margin-left: 0; }
.eco-system .section .licensee-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.eco-system .section .licensee-wrap .inner .group input { width: 219px; }
.eco-system .section .licensee-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.eco-system .section .licensee-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.eco-system .section .licensee-wrap .btn-wrap a:first-child { margin-left: 0; }
.eco-system .btn-table {
	display: inline-block;
    padding: 5px 10px 5px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

.eco-system .section h5 { margin-bottom: 14px; color: #444; font-size: 16px; }
.eco-system .section .content-box { overflow-x: hidden; overflow-y: scroll; height: 135px; border: 1px solid #cfcfcf; border-top: 2px solid #323232; }
.eco-system .section .content-box .inner { width: 753px; padding: 30px 25px; color: #959595; font-size: 14px; line-height: 1.8; word-break: break-all; }
.eco-system .section .agree-wrap { padding: 15px 25px; border: 1px solid #cfcfcf; border-top: 0; background-color: #f4f4f4; }
.eco-system .section .agree-wrap label { color: #e70128; vertical-align: middle; cursor: pointer; }
.eco-system .section .total-check-wrap { padding: 15px 25px; border-top: 0; background-color: #FF6200; }
.eco-system .section .total-check-wrap label { color: #fff; font-size: 16px; cursor: pointer; }
.eco-system .section .total-check-wrap label em { font-style: normal; font-weight: bold; }